/* ============================================================
   SigeonOS 1.0 — Design tokens
   Altere aqui para mudar toda a identidade visual do sistema.
   ============================================================ */

:root {
  /* ---- Marca / acento (sobrescrito por js/core/theme.js) ---- */
  --a1: #8b5cff;   /* violeta   */
  --a2: #4f8cff;   /* azul      */
  --a3: #2fe3d5;   /* turquesa  */
  --accent: #6b7dff;
  --accent-soft: rgba(107, 125, 255, 0.16);
  --accent-grad: linear-gradient(135deg, var(--a1), var(--a2) 55%, var(--a3));

  /* ---- Raios ---- */
  --r-xs: 6px;
  --r-sm: 9px;
  --r-md: 13px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* ---- Tempo & curvas (a alma das animações) ---- */
  --t1: 110ms;
  --t2: 180ms;
  --t3: 280ms;
  --t4: 420ms;
  --t5: 700ms;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --spring: cubic-bezier(0.34, 1.4, 0.5, 1);

  /* Curvas de movimento das janelas: desacelera forte no fim, como
     nos sistemas com "genie" (a janela voa até o ícone da barra). */
  --ease-win-out: cubic-bezier(0.05, 0.7, 0.1, 1);
  --ease-win-in: cubic-bezier(0.3, 0, 0.8, 0.15);
  --ease-win: cubic-bezier(0.4, 0, 0.2, 1);
  --t-win-open: 220ms;
  --t-win-close: 150ms;
  --t-win-genie: 250ms;

  /* ---- Métrica ---- */
  --taskbar-h: 3.4rem;
  --gap: 0.75rem;
  --blur: 22px;

  /* ---- Tipografia ---- */
  --font: "Segoe UI Variable Display", "Segoe UI", Inter, -apple-system,
    BlinkMacSystemFont, "Helvetica Neue", Roboto, system-ui, sans-serif;
  --mono: "Cascadia Code", "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;

  --z-win: 10;
  --z-taskbar: 4000;
  --z-panel: 4500;
  --z-menu: 5000;
  --z-toast: 5500;
  --z-shell: 9000;
}

/* ------------------------- TEMA ESCURO ------------------------- */
[data-theme="dark"] {
  --bg: #06070c;
  --text: #eef0f8;
  --text-dim: #a3a9c0;
  --text-mute: #6f758d;

  --glass: rgba(20, 22, 32, 0.62);
  --glass-strong: rgba(16, 18, 27, 0.86);
  --solid: #14161f;
  --solid-2: #1b1e2a;
  --raise: rgba(255, 255, 255, 0.06);
  --raise-2: rgba(255, 255, 255, 0.1);
  --hover: rgba(255, 255, 255, 0.07);
  --active: rgba(255, 255, 255, 0.13);
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.16);
  --field: rgba(255, 255, 255, 0.05);

  --shadow-1: 0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 10px 34px rgba(0, 0, 0, 0.48), 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-3: 0 28px 80px rgba(0, 0, 0, 0.62), 0 4px 14px rgba(0, 0, 0, 0.45);
  --win-border: rgba(255, 255, 255, 0.12);
  --scrim: rgba(0, 0, 0, 0.42);
  color-scheme: dark;
}

/* ------------------------- TEMA CLARO ------------------------- */
[data-theme="light"] {
  --bg: #eef0f6;
  --text: #14161f;
  --text-dim: #4f5568;
  --text-mute: #808799;

  --glass: rgba(250, 251, 255, 0.68);
  --glass-strong: rgba(252, 253, 255, 0.9);
  --solid: #ffffff;
  --solid-2: #f4f5fa;
  --raise: rgba(0, 0, 0, 0.04);
  --raise-2: rgba(0, 0, 0, 0.06);
  --hover: rgba(0, 0, 0, 0.05);
  --active: rgba(0, 0, 0, 0.09);
  --line: rgba(0, 0, 0, 0.09);
  --line-strong: rgba(0, 0, 0, 0.16);
  --field: rgba(255, 255, 255, 0.75);

  --shadow-1: 0 2px 8px rgba(20, 24, 50, 0.08);
  --shadow-2: 0 10px 30px rgba(20, 24, 50, 0.14), 0 2px 6px rgba(20, 24, 50, 0.08);
  --shadow-3: 0 26px 70px rgba(20, 24, 50, 0.22), 0 4px 12px rgba(20, 24, 50, 0.1);
  --win-border: rgba(255, 255, 255, 0.7);
  --scrim: rgba(255, 255, 255, 0.35);
  color-scheme: light;
}

/* Paletas de acento (Settings › Personalization) */
[data-accent="violet"] { --a1:#8b5cff; --a2:#4f8cff; --a3:#2fe3d5; --accent:#6b7dff; --accent-soft:rgba(107,125,255,.16); }
[data-accent="ember"]  { --a1:#ff7a4d; --a2:#ff4d8d; --a3:#ffc46b; --accent:#ff6a63; --accent-soft:rgba(255,106,99,.16); }
[data-accent="mint"]   { --a1:#25d0a0; --a2:#2fc7e3; --a3:#a8f06d; --accent:#22c8ab; --accent-soft:rgba(34,200,171,.16); }
[data-accent="rose"]   { --a1:#ff5fa2; --a2:#a45cff; --a3:#ff9ecb; --accent:#f062ac; --accent-soft:rgba(240,98,172,.16); }
[data-accent="sky"]    { --a1:#3aa0ff; --a2:#2fd0ff; --a3:#7ef0ff; --accent:#31aaff; --accent-soft:rgba(49,170,255,.16); }
[data-accent="sand"]   { --a1:#d9a441; --a2:#c9752f; --a3:#f3d18a; --accent:#cf9438; --accent-soft:rgba(207,148,56,.16); }

/* Acessibilidade: respeita quem pediu menos movimento */
@media (prefers-reduced-motion: reduce) {
  :root { --t1: 1ms; --t2: 1ms; --t3: 1ms; --t4: 1ms; --t5: 1ms; }
}
/* Settings › System › Animations */
[data-anim="off"] * {
  animation-duration: 1ms !important;
  transition-duration: 1ms !important;
}