/* ===== Palette & Custom Properties ===== */
:root {
  /* Brand */
  --color-primary: #E8872A;
  --color-primary-hover: #d47520;
  --color-primary-light: rgba(232, 135, 42, 0.12);

  /* Neutral */
  --color-dark: #3A3A3A;

  /* Layout sizes */
  --sidebar-width: 250px;
  --header-height: 56px;
  --bottom-nav-height: 60px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
}

/* ===== Light Theme (default) ===== */
[data-theme="light"] {
  --bg-body: #F5F5F5;
  --bg-surface: #FFFFFF;
  --bg-surface-hover: #F0F0F0;
  --bg-sidebar: #FFFFFF;
  --bg-input: #FFFFFF;
  --border-color: #E0E0E0;
  --text-primary: #1A1A1A;
  --text-secondary: #6B6B6B;
  --text-muted: #999999;
  --text-on-primary: #FFFFFF;
  --badge-success-bg: #E6F4EA;
  --badge-success-text: #1B7A3D;
  --badge-warning-bg: #FFF3E0;
  --badge-warning-text: #E65100;
  --badge-info-bg: #E3F2FD;
  --badge-info-text: #1565C0;
  --badge-closed-bg: #EEEEEE;
  --badge-closed-text: #616161;
  --overlay-bg: rgba(0, 0, 0, 0.4);
  --info-bg: rgba(232, 135, 42, 0.08);
  --info-border: rgba(232, 135, 42, 0.2);
  --warning-bg: #FEF2F2;
  --warning-border: #FECACA;
  --success-bg: #F0FDF4;
  --success-border: #BBF7D0;
}

/* ===== Dark Theme ===== */
[data-theme="dark"] {
  --bg-body: #1A1A1A;
  --bg-surface: #2A2A2A;
  --bg-surface-hover: #333333;
  --bg-sidebar: #222222;
  --bg-input: #333333;
  --border-color: #444444;
  --text-primary: #F0F0F0;
  --text-secondary: #AAAAAA;
  --text-muted: #777777;
  --text-on-primary: #FFFFFF;
  --badge-success-bg: #1B3A26;
  --badge-success-text: #81C995;
  --badge-warning-bg: #3E2A10;
  --badge-warning-text: #FFB74D;
  --badge-info-bg: #1A2E44;
  --badge-info-text: #64B5F6;
  --badge-closed-bg: #333333;
  --badge-closed-text: #999999;
  --overlay-bg: rgba(0, 0, 0, 0.6);
  --info-bg: rgba(232, 135, 42, 0.1);
  --info-border: rgba(232, 135, 42, 0.25);
  --warning-bg: #3E1A1A;
  --warning-border: #5C2A2A;
  --success-bg: #1A2E1A;
  --success-border: #2A4A2A;
}