/* ============================================================
   STARSEED · DESIGN TOKENS (v5 unificado)
   Fuente canónica de identidad gráfica StarSeed / Café StarSeed.
   Lenguaje: Retrofuturista · Art Nouveau · Solarpunk · Cristal líquido
   · Geometría sagrada · Natural-tecnológico.
   Integra y unifica StarSeed Café v3 + v4 + el boceto v5.
   Temas: oscuro (retrofuturista, por defecto) + claro (solarpunk diurno).
   ============================================================ */

:root{
  /* ---------- ANCLAS DE MARCA (constantes en ambos temas) ---------- */
  --musgo:#2D4A22;          /* verde musgo · raíz */
  --musgo-soft:#5C7A4A;
  --terracota:#C05C3B;      /* tierra · barro cocido */
  --ambar:#F6A21E;          /* sol · néctar */
  --cacao:#3B2818;          /* sustituye negros profundos */
  --lavanda:#B59ECF;        /* consciencia · éter */
  --oro:#E9C46A;            /* bronce/oro del emblema */
  --bronce:#9C6B3F;         /* medallón StarSeed */

  /* ---------- NEÓN CRISTALINO (acento retrofuturista) ---------- */
  --neon-lime:#9FE870;
  --neon-amber:#FFC247;
  --neon-lav:#C9A8FF;
  --neon-cyan:#6FE6D6;
  --neon-coral:#FF8A5C;

  /* ---------- ECONOMÍA (Granos & Semillas) ---------- */
  --grano:#C9A24B;          /* dorado grano */
  --grano-2:#8a6d2f;
  --semilla:#9FE870;        /* verde semilla · moneda general */

  /* ---------- CRISTAL LÍQUIDO & ARCOÍRIS (iridiscencia de marca) ---------- */
  --irid-1:#9FE870; --irid-2:#6FE6D6; --irid-3:#7FB8FF;
  --irid-4:#C9A8FF; --irid-5:#FFC247; --irid-6:#FF8A5C;
  --grad-arcoiris:linear-gradient(115deg,var(--irid-1),var(--irid-2),var(--irid-3),var(--irid-4),var(--irid-5),var(--irid-6));
  --grad-cristal:conic-gradient(from 200deg at 50% 50%,var(--irid-4),var(--irid-2),var(--irid-1),var(--irid-5),var(--irid-6),var(--irid-4));
  --grad-musgo:linear-gradient(135deg,var(--musgo),var(--musgo-soft));
  --grad-solar:linear-gradient(120deg,var(--ambar),var(--terracota));
  --grad-bronce:linear-gradient(135deg,#caa46a,#9c6b3f 48%,#6e4a2c);
  --film:linear-gradient(115deg,rgba(159,232,112,0),rgba(111,230,214,.5),rgba(201,168,255,.5),rgba(255,194,71,.4),rgba(255,138,92,0));

  /* ---------- TRINITY (nodos cardinales del SO StarSeed) ---------- */
  --zenith:#007FFF;         /* Norte · Guía IA contextual */
  --horizon:#39FF14;        /* Oeste · Lienzo de creación */
  --logic:#FFBF00;          /* Este · Control del sistema */
  --anchor:#DC143C;         /* Sur · Dock raíz / estabilidad */

  /* ---------- TIPOGRAFÍA ---------- */
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Space Grotesk',system-ui,-apple-system,sans-serif;
  --mono:'Space Mono',ui-monospace,'SFMono-Regular',monospace;

  /* ---------- ESCALA ÁUREA (φ) ---------- */
  --phi:1.618;
  --golden-0:8px; --golden-1:13px; --golden-2:21px;
  --golden-3:34px; --golden-4:55px; --golden-5:89px; --golden-6:144px;

  /* tamaños fluidos */
  --space:clamp(12px,2.2vw,20px);
  --fs-h1:clamp(28px,5vw,52px);
  --fs-h2:clamp(22px,3.4vw,34px);
  --fs-lead:clamp(15px,1.6vw,19px);

  /* ---------- RADIOS ORGÁNICOS (Art Nouveau) ---------- */
  --r-organic-1:62% 38% 55% 45% / 55% 48% 52% 45%;
  --r-organic-2:42% 58% 48% 52% / 60% 42% 58% 40%;
  --r-card:22px;
  --r-lg:30px;
  --r-pill:999px;

  /* ---------- GEOMETRÍA SAGRADA ---------- */
  --sg-stroke:rgba(159,232,112,.5);
  --sg-stroke-2:rgba(201,168,255,.45);
  --sg-line:1.1px;
  --sacred-opacity:.085;

  /* ---------- HALOS / GLOW NEÓN ---------- */
  --glow:0 0 22px;
  --glow-neon:0 0 18px;
  --halo-lime:0 0 24px rgba(159,232,112,.45);
  --halo-cyan:0 0 24px rgba(111,230,214,.45);
  --halo-lav:0 0 24px rgba(201,168,255,.5);
  --halo-amber:0 0 24px rgba(255,194,71,.45);

  /* ---------- MOVIMIENTO NATURAL · Ciclo de Respiración Digital ---------- */
  --ease-organic:cubic-bezier(.22,1,.36,1);
  --ease-soft:cubic-bezier(.4,.1,.2,1);
  --ease-elastic:cubic-bezier(.34,1.56,.64,1);
  --ease-glide:cubic-bezier(.16,1,.3,1);
  --breath:5.6s;
  --breath-fast:3.4s;
  --breath-slow:9.2s;
  --spin-slow:48s;
  --spin-vslow:120s;

  --rojo:#9E3B2E;
}

/* ======================= TEMA OSCURO (retrofuturista, por defecto) ======================= */
:root,[data-theme="dark"]{
  --bg-0:#0d130e; --bg-1:#121a13;
  --ink:#eef3e6; --ink-soft:#aeb9a4; --ink-mute:#7e8a74;

  --glass:rgba(28,40,28,.46);
  --glass-strong:rgba(34,48,34,.62);
  --glass-hi:rgba(255,255,255,.10);
  --stroke:rgba(159,232,112,.18);
  --stroke-soft:rgba(255,255,255,.08);

  --accent:var(--neon-lime);
  --accent-2:var(--neon-lav);
  --accent-3:var(--neon-amber);
  --energy:var(--neon-amber);
  --focus:var(--neon-lav);
  --relax:var(--neon-lime);

  --blob-1:rgba(95,122,74,.55);
  --blob-2:rgba(181,158,207,.45);
  --blob-3:rgba(192,92,59,.38);
  --blob-4:rgba(246,162,30,.30);
  --shadow-card:0 18px 48px rgba(0,0,0,.45);
  color-scheme:dark;
}

/* ======================= TEMA CLARO (solarpunk diurno) ======================= */
[data-theme="light"]{
  --bg-0:#eef0e3; --bg-1:#f5f3e8;
  --ink:#2c2113; --ink-soft:#5c5142; --ink-mute:#857a68;

  --glass:rgba(255,255,255,.50);
  --glass-strong:rgba(255,255,255,.70);
  --glass-hi:rgba(255,255,255,.6);
  --stroke:rgba(59,40,24,.16);
  --stroke-soft:rgba(59,40,24,.10);

  --accent:#3f7a2a;
  --accent-2:#7d5fb0;
  --accent-3:#c9820f;
  --energy:var(--ambar);
  --focus:var(--lavanda);
  --relax:var(--musgo-soft);

  --grano:#a9842f; --semilla:#3f7a2a;
  --sg-stroke:rgba(63,122,42,.4);
  --sg-stroke-2:rgba(125,95,176,.34);
  --sacred-opacity:.06;
  --film:linear-gradient(115deg,rgba(63,122,42,0),rgba(31,160,150,.4),rgba(125,95,176,.4),rgba(201,130,15,.35),rgba(192,92,59,0));

  --blob-1:rgba(159,174,125,.55);
  --blob-2:rgba(181,158,207,.5);
  --blob-3:rgba(192,92,59,.4);
  --blob-4:rgba(246,162,30,.4);
  --shadow-card:0 14px 40px rgba(59,40,24,.14);
  color-scheme:light;
}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important;}
}