/* ============================================================
   DESIGN TOKENS — shadcn/ui style (zinc palette)
   Solid backgrounds, crisp borders, minimal shadows.
   ============================================================ */

:root {
  /* ---- Font ---- */
  --font-system: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                 Helvetica, Arial, sans-serif,
                 "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";

  /* ============================================================
     LIGHT THEME
     ============================================================ */

  /* ---- Tint / Accent ---- */
  --accent:          #18181b;   /* zinc-900 */
  --accent-rgb:      24, 24, 27;
  --accent-hover:    #27272a;   /* zinc-800 */
  --accent-ring:     rgba(24, 24, 27, 0.12);
  --on-accent:       #fafafa;
  --on-accent-rgb:   250, 250, 250;
  --on-accent-soft:  rgba(250, 250, 250, 0.85);
  --color-green:     #16a34a;
  --color-green-rgb: 22, 163, 74;
  --color-red:       #ef4444;   /* red-500 — shadcn destructive */
  --color-red-rgb:   239, 68, 68;
  --color-yellow:    #ca8a04;
  --color-yellow-rgb:202, 138, 4;
  --color-orange:    #ea580c;
  --color-orange-rgb:234, 88, 12;
  --color-purple:    #9333ea;
  --color-purple-rgb:147, 51, 234;
  --color-indigo:    #4f46e5;
  --color-indigo-rgb:79, 70, 229;
  --color-pink:      #db2777;
  --color-pink-rgb:  219, 39, 119;
  --color-teal:      #0891b2;
  --color-teal-rgb:  8, 145, 178;

  /* ---- Backgrounds ---- */
  --bg-color:        #ffffff;   /* shadcn --background */
  --bg-elevated:     #ffffff;

  /* ---- Surfaces (solid — no glass) ---- */
  --glass-bg-window:  #ffffff;
  --glass-bg-sidebar: #ffffff;
  --glass-bg-card:    #ffffff;
  --glass-bg-toolbar: #ffffff;

  /* ---- Borders ---- */
  --border:             #e4e4e7;   /* zinc-200 — alias for inline styles */
  --glass-border-outer: #e4e4e7;   /* zinc-200 */
  --glass-border-inner: #e4e4e7;   /* zinc-200 — shadcn usa uma única cor de borda */
  --glass-highlight:    inset 0 0 0 transparent;
  --glass-shine-mid:    transparent;
  --glass-shadow:       none;
  --glass-blur:         none;

  /* ---- Labels ---- */
  --text-primary:    #09090b;    /* zinc-950 */
  --text-secondary:  #71717a;    /* zinc-500 */
  --text-tertiary:   #a1a1aa;    /* zinc-400 */
  --text-quaternary: #d4d4d8;    /* zinc-300 */

  /* ---- Controls ---- */
  --control-bg:       #ffffff;
  --control-bg-hover: #f4f4f5;   /* zinc-100 */
  --control-border:   #e4e4e7;   /* zinc-200 */
  --control-shadow:   none;
  --fill-primary:     #e4e4e7;   /* zinc-200 */
  --fill-secondary:   #f4f4f5;   /* zinc-100 */
  --fill-tertiary:    #f4f4f5;   /* zinc-100 */

  /* ---- Separators ---- */
  --row-hover:      #f4f4f5;    /* zinc-100 */
  --divider:        #e4e4e7;    /* zinc-200 */
  --divider-opaque: #e4e4e7;

  /* ---- Badges ---- */
  --badge-success-bg:  #f0fdf4;
  --badge-warning-bg:  #fefce8;
  --badge-error-bg:    #fef2f2;
  --badge-info-bg:     #f4f4f5;
  --badge-promo-bg:    #faf5ff;

  /* ---- Scrollbar ---- */
  --scrollbar-thumb:       #d4d4d8;   /* zinc-300 */
  --scrollbar-thumb-hover: #a1a1aa;   /* zinc-400 */

  /* ---- Blue (used in inline help panels) ---- */
  --color-blue:     #2563eb;
  --color-blue-rgb: 37, 99, 235;

  /* ---- Mono font ---- */
  --font-mono: "SF Mono", "Fira Code", Menlo, Consolas, monospace;

  /* ---- Focus ring ---- */
  --ring: rgba(var(--accent-rgb), 0.16);

  /* ---- Motion ---- */
  --ease-spring:  cubic-bezier(0.34, 1.3, 0.64, 1);
  --ease-smooth:  cubic-bezier(0.25, 1, 0.5, 1);
  --ease-soft:    cubic-bezier(0.4, 0, 0.2, 1);

  /* ---- Z-index layers ---- */
  --z-sidebar:        100;
  --z-toolbar:        200;
  --z-dropdown:       500;
  --z-modal:          900;
  --z-toast:         1000;
  --z-popup:         1100;
  --z-loading:       9999;
  --z-video-overlay:   20;
  --z-video-controls:  50;

  /* ---- Blur hierarchy (disabled — solid design) ---- */
  --glass-blur-low: none;
  --glass-blur-mid: none;

  /* ---- Surface token ---- */
  --surface: #ffffff;

  /* ---- List item tokens ---- */
  --list-item-padding: 12px 16px;
  --list-item-radius:  8px;
  --list-item-gap:     12px;
}

/* ============================================================
   DARK THEME — zinc dark
   ============================================================ */

:root[data-theme="dark"] {
  /* ---- Tint / Accent — shadcn --primary (dark) ---- */
  --accent:          #fafafa;   /* shadcn --primary dark = zinc-50 */
  --accent-rgb:      250, 250, 250;
  --accent-hover:    #e4e4e7;   /* zinc-200 */
  --accent-ring:     rgba(212, 212, 216, 0.20);   /* zinc-300 = shadcn --ring dark */
  --on-accent:       #18181b;   /* shadcn --primary-foreground dark = zinc-900 */
  --on-accent-rgb:   24, 24, 27;
  --on-accent-soft:  rgba(24, 24, 27, 0.85);
  --color-green:     #4ade80;
  --color-green-rgb: 74, 222, 128;
  --color-red:       #f87171;
  --color-red-rgb:   248, 113, 113;
  --color-yellow:    #facc15;
  --color-yellow-rgb:250, 204, 21;
  --color-orange:    #fb923c;
  --color-orange-rgb:251, 146, 60;
  --color-purple:    #c084fc;
  --color-purple-rgb:192, 132, 252;
  --color-indigo:    #818cf8;
  --color-indigo-rgb:129, 140, 248;
  --color-pink:      #f472b6;
  --color-pink-rgb:  244, 114, 182;
  --color-teal:      #22d3ee;
  --color-teal-rgb:  34, 211, 238;

  /* ---- Backgrounds — shadcn card = background em dark ---- */
  --bg-color:        #09090b;   /* shadcn --background dark = zinc-950 */
  --bg-elevated:     #09090b;   /* shadcn --card dark = mesmo que background */

  /* ---- Surfaces (solid) ---- */
  --glass-bg-window:  #09090b;
  --glass-bg-sidebar: #09090b;
  --glass-bg-card:    #09090b;   /* shadcn --card dark = #09090b */
  --glass-bg-toolbar: #09090b;

  /* ---- Borders ---- */
  --border:             #27272a;   /* zinc-800 — alias for inline styles */
  --glass-border-outer: #27272a;   /* zinc-800 */
  --glass-border-inner: #27272a;   /* zinc-800 */
  --glass-highlight:    inset 0 0 0 transparent;
  --glass-shine-mid:    transparent;
  --glass-shadow:       none;
  --glass-blur:         none;

  /* ---- Labels ---- */
  --text-primary:    #fafafa;    /* zinc-50 */
  --text-secondary:  #a1a1aa;    /* zinc-400 */
  --text-tertiary:   #71717a;    /* zinc-500 */
  --text-quaternary: #52525b;    /* zinc-600 */

  /* ---- Controls ---- */
  --control-bg:       #27272a;   /* zinc-800 */
  --control-bg-hover: #3f3f46;   /* zinc-700 */
  --control-border:   #27272a;   /* shadcn --input dark = zinc-800 */
  --control-shadow:   none;
  --fill-primary:     #3f3f46;   /* zinc-700 */
  --fill-secondary:   #27272a;   /* zinc-800 */
  --fill-tertiary:    #27272a;   /* zinc-800 */

  /* ---- Separators ---- */
  --row-hover:      #27272a;    /* zinc-800 */
  --divider:        #27272a;    /* zinc-800 */
  --divider-opaque: #27272a;

  /* ---- Badges (dark) ---- */
  --badge-success-bg:  #14532d;
  --badge-warning-bg:  #422006;
  --badge-error-bg:    #450a0a;
  --badge-info-bg:     #27272a;
  --badge-promo-bg:    #3b0764;

  /* ---- Scrollbar ---- */
  --scrollbar-thumb:       #3f3f46;   /* zinc-700 */
  --scrollbar-thumb-hover: #52525b;   /* zinc-600 */

  /* ---- Glass blur (disabled) ---- */
  --glass-blur-low: none;
  --glass-blur-mid: none;

  /* ---- Surface ---- */
  --surface: #09090b;   /* shadcn --card dark */
}

/* ============================================================
   PALETTE: ZINC OVERRIDE — aligns with default; kept for
   backward compatibility with JS palette switcher.
   ============================================================ */

:root[data-palette="zinc"] {
  /* same as default :root — no overrides needed */
}

:root[data-palette="zinc"][data-theme="dark"] {
  /* same as default dark — no overrides needed */
}