/**
 * ============================================================================
 * S-APP CENTRAL THEME & DESIGN TOKENS (MASTER THEME CONFIGURATION)
 * ============================================================================
 * Phiên bản: v6.0.3 (Brand Identity: Sunshine Orange & Growth Green)
 * Tác giả: Sunshine School (sss.edu.vn)
 * ============================================================================
 */

:root, [data-theme="sunshine"] {
  /* ========================================================================
   * 1. SUNSHINE SCHOOL BRAND PALETTE (THEO LOGO ĐÃ BẢO HỘ THƯƠNG HIỆU)
   * ======================================================================== */
  /* [Mặt Trời - Cam Sunshine: Năng lượng, ấm áp, tri thức vươn lên] */
  --brand-primary: #F58220;           /* Màu chuẩn thương hiệu */
  --brand-primary-50: #FFF7ED;
  --brand-primary-100: #FFEDD5;
  --brand-primary-200: #FED7AA;
  --brand-primary-300: #FDBA74;
  --brand-primary-400: #FB923C;
  --brand-primary-500: #F58220;
  --brand-primary-600: #EA580C;
  --brand-primary-700: #C2410C;
  --brand-primary-800: #9A3412;
  --brand-primary-900: #7C2D12;
  --brand-primary-hover: #E65100;
  --brand-primary-active: #C2410C;
  --brand-primary-light: #FFF8F0;
  --brand-primary-border: #FDBA74;

  /* [Quyển Sách Mở - Xanh Tri Thức: Mầm xanh giáo dục, an toàn, sinh sôi] */
  --brand-secondary: #388E3C;         /* Màu xanh sách chuẩn */
  --brand-secondary-50: #F0FDF4;
  --brand-secondary-100: #DCFCE7;
  --brand-secondary-200: #BBF7D0;
  --brand-secondary-300: #86EFAC;
  --brand-secondary-400: #4ADE80;
  --brand-secondary-500: #388E3C;
  --brand-secondary-600: #2E7D32;
  --brand-secondary-700: #1B5E20;
  --brand-secondary-hover: #2E7D32;
  --brand-secondary-light: #F0FDF4;
  --brand-secondary-border: #86EFAC;

  /* [Gradients Thương Hiệu] */
  --brand-gradient-sun: linear-gradient(135deg, #FFA500 0%, #F58220 50%, #FF512F 100%);
  --brand-gradient-leaf: linear-gradient(135deg, #66BB6A 0%, #388E3C 100%);
  --brand-gradient-hero: linear-gradient(135deg, #1E293B 0%, #0F172A 100%);
  --brand-gradient-card: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);

  /* ========================================================================
   * 2. STATUS & FEEDBACK COLORS
   * ======================================================================== */
  --color-success: #16a34a;
  --color-success-bg: #dcfce7;
  --color-success-border: #86efac;
  --color-success-text: #15803d;

  --color-warning: #f59e0b;
  --color-warning-bg: #fef3c7;
  --color-warning-border: #fde68a;
  --color-warning-text: #b45309;

  --color-danger: #dc2626;
  --color-danger-bg: #fee2e2;
  --color-danger-border: #fca5a5;
  --color-danger-text: #b91c1c;

  --color-info: #0284c7;
  --color-info-bg: #e0f2fe;
  --color-info-border: #7dd3fc;
  --color-info-text: #0369a1;

  /* ========================================================================
   * 3. LAYOUT, BACKGROUNDS & SURFACES (NEUTRALS)
   * ======================================================================== */
  --app-bg: #F1F5F9;
  --app-surface: #FFFFFF;
  --card-bg: #FFFFFF;
  --card-border: #E2E8F0;
  --card-border-hover: #CBD5E1;
  
  --sidebar-bg: #1E293B;
  --sidebar-hover-bg: #334155;
  --sidebar-active-bg: #F58220;
  --sidebar-text: #F8FAFC;
  --sidebar-text-muted: #94A3B8;

  --topbar-bg: #FFFFFF;
  --topbar-border: #E2E8F0;
  --topbar-text: #1E293B;

  /* ========================================================================
   * 4. TYPOGRAPHY
   * ======================================================================== */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --text-main: #1E293B;
  --text-secondary: #475569;
  --text-muted: #64748B;
  --text-light: #FFFFFF;

  /* ========================================================================
   * 5. DATA TABLES & FORMS
   * ======================================================================== */
  --table-header-bg: #F8FAFC;
  --table-header-text: #475569;
  --table-row-hover: #FFFDF9;
  --table-border: #E2E8F0;
  --table-stripe: #FAFAFA;

  --input-bg: #FFFFFF;
  --input-border: #CBD5E1;
  --input-border-focus: #F58220;
  --input-shadow-focus: 0 0 0 3px rgba(245, 130, 32, 0.15);
  --input-text: #1E293B;

  /* ========================================================================
   * 6. SHADOWS, RADIUS & TRANSITIONS
   * ======================================================================== */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 10px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-sunshine: 0 8px 20px -4px rgba(245, 130, 32, 0.35);

  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}

/* ========================================================================
 * THEME PRESETS: MULTI-SCHOOL & 1-CLICK CLONE PRESETS
 * ======================================================================== */

/* Preset: Ocean Blue (Dành cho cơ sở phong cách biển / công nghệ) */
[data-theme="ocean"] {
  --brand-primary: #0284C7;
  --brand-primary-hover: #0369A1;
  --brand-primary-light: #F0F9FF;
  --brand-primary-border: #7DD3FC;
  --brand-secondary: #0D9488;
  --brand-gradient-sun: linear-gradient(135deg, #38BDF8 0%, #0284C7 100%);
  --sidebar-active-bg: #0284C7;
  --input-border-focus: #0284C7;
  --input-shadow-focus: 0 0 0 3px rgba(2, 132, 199, 0.15);
  --shadow-sunshine: 0 8px 20px -4px rgba(2, 132, 199, 0.35);
}

/* Preset: Emerald Green (Dành cho trường sinh thái / mầm non xanh) */
[data-theme="emerald"] {
  --brand-primary: #059669;
  --brand-primary-hover: #047857;
  --brand-primary-light: #ECFDF5;
  --brand-primary-border: #6EE7B7;
  --brand-secondary: #D97706;
  --brand-gradient-sun: linear-gradient(135deg, #34D399 0%, #059669 100%);
  --sidebar-active-bg: #059669;
  --input-border-focus: #059669;
  --input-shadow-focus: 0 0 0 3px rgba(5, 150, 105, 0.15);
  --shadow-sunshine: 0 8px 20px -4px rgba(5, 150, 105, 0.35);
}

/* Preset: Royal Violet (Phong cách quốc tế / song ngữ cao cấp) */
[data-theme="royal"] {
  --brand-primary: #7C3AED;
  --brand-primary-hover: #6D28D9;
  --brand-primary-light: #F5F3FF;
  --brand-primary-border: #C4B5FD;
  --brand-secondary: #F59E0B;
  --brand-gradient-sun: linear-gradient(135deg, #A78BFA 0%, #7C3AED 100%);
  --sidebar-active-bg: #7C3AED;
  --input-border-focus: #7C3AED;
  --input-shadow-focus: 0 0 0 3px rgba(124, 58, 237, 0.15);
  --shadow-sunshine: 0 8px 20px -4px rgba(124, 58, 237, 0.35);
}