/* ============================================================
   TokenGate — Design System CSS
   Dual-theme: Mercury (dark) / Indigo (light)
   Fonts: Inter (display/body/headlines) + SF Mono/Consolas (code)
   ============================================================ */

/* ── Custom properties ───────────────────────────────────────── */

:root, [data-theme="dark"] {
  --bg:          #0E0E10;
  --surface:     #15151A;
  --surface-2:   #1C1C24;
  --border:      #26262F;
  --text:        #F4F4F5;
  --text-muted:  #9898A6;
  --brand:       #5E6AD2;
  --brand-hover: #4D58B8;
  --success:     #26C281;
  --warning:     #F2B046;
  --danger:      #EB5757;
  --code-bg:     #08080A;

  --brand-10:    rgba(94,106,210,0.10);
  --brand-15:    rgba(94,106,210,0.15);
  --brand-25:    rgba(94,106,210,0.25);
  --success-15:  rgba(38,194,129,0.15);
  --warning-15:  rgba(242,176,70,0.15);
  --danger-15:   rgba(235,87,87,0.15);

  --shadow-xs: 0 1px 3px rgba(0,0,0,0.35);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.30);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.38);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.50);

  --chip-anthropic-bg: rgba(217,119,87,0.13); --chip-anthropic-fg: #FFB89A;
  --chip-openai-bg:    rgba(16,163,127,0.13);  --chip-openai-fg:    #6BE2BF;
  --chip-google-bg:    rgba(66,133,244,0.13);  --chip-google-fg:    #8FB5FF;
  --chip-z-bg:         rgba(255,149,0,0.14);   --chip-z-fg:         #FFC178;
  --chip-kimi-bg:      rgba(91,95,199,0.20);   --chip-kimi-fg:      #A0A4FF;
  --chip-minimax-bg:      rgba(233,30,99,0.14);      --chip-minimax-fg:      #FF8FB6;
  --chip-self_hosted-bg:  rgba(150,150,160,0.15);    --chip-self_hosted-fg:  #B0B0C0;
  --chip-openai_compatible-bg: rgba(120,120,130,0.13); --chip-openai_compatible-fg: #A0A0B0;
  --chip-deepseek-bg:          rgba(77,107,254,0.15);  --chip-deepseek-fg:          #8FA8FF;
  --chip-grok-bg:              rgba(160,160,160,0.14);  --chip-grok-fg:              #D0D0D0;

  /* Blog premium (SPEC022) — categorías editoriales */
  --cat-guias-bg:     rgba(94,106,210,0.15);  --cat-guias-fg:     #A8B1F0;
  --cat-modelos-bg:   rgba(38,194,129,0.15);  --cat-modelos-fg:   #6FE0B0;
  --cat-casos-bg:     rgba(242,176,70,0.15);  --cat-casos-fg:     #F5C878;
  --cat-novedades-bg: rgba(217,119,87,0.15);  --cat-novedades-fg: #FFB89A;
}

[data-theme="light"] {
  --bg:          #FFFFFF;
  --surface:     #F6F9FC;
  --surface-2:   #EDF2F7;
  --border:      #E3E8EF;
  --text:        #0A2540;
  --text-muted:  #697386;
  --brand:       #635BFF;
  --brand-hover: #4F46E0;
  --success:     #3FA76A;
  --warning:     #E0A82E;
  --danger:      #DF1B41;
  --code-bg:     #0A2540;

  --brand-10:    rgba(99,91,255,0.10);
  --brand-15:    rgba(99,91,255,0.15);
  --brand-25:    rgba(99,91,255,0.25);
  --success-15:  rgba(63,167,106,0.15);
  --warning-15:  rgba(224,168,46,0.15);
  --danger-15:   rgba(223,27,65,0.15);

  --shadow-xs: 0 1px 3px rgba(10,37,64,0.07);
  --shadow-sm: 0 2px 8px rgba(10,37,64,0.09);
  --shadow-md: 0 4px 20px rgba(10,37,64,0.11);
  --shadow-lg: 0 8px 40px rgba(10,37,64,0.15);

  --chip-anthropic-bg: rgba(217,119,87,0.12); --chip-anthropic-fg: #B85A3D;
  --chip-openai-bg:    rgba(16,163,127,0.12);  --chip-openai-fg:    #0F8F6F;
  --chip-google-bg:    rgba(66,133,244,0.12);  --chip-google-fg:    #2563EB;
  --chip-z-bg:         rgba(255,149,0,0.14);   --chip-z-fg:         #C77100;
  --chip-kimi-bg:      rgba(91,95,199,0.14);   --chip-kimi-fg:      #4B4FB0;
  --chip-minimax-bg:      rgba(233,30,99,0.12);      --chip-minimax-fg:      #C71758;
  --chip-self_hosted-bg:  rgba(100,100,120,0.10);    --chip-self_hosted-fg:  #6B6B80;
  --chip-openai_compatible-bg: rgba(90,90,105,0.10); --chip-openai_compatible-fg: #5A5A70;
  --chip-deepseek-bg:          rgba(77,107,254,0.12); --chip-deepseek-fg:          #3D5CE0;
  --chip-grok-bg:              rgba(100,100,100,0.10); --chip-grok-fg:              #4A4A4A;

  /* Blog premium (SPEC022) — categorías editoriales */
  --cat-guias-bg:     rgba(99,91,255,0.12);  --cat-guias-fg:     #4F46E0;
  --cat-modelos-bg:   rgba(63,167,106,0.12); --cat-modelos-fg:   #2E8B57;
  --cat-casos-bg:     rgba(224,168,46,0.14); --cat-casos-fg:     #B5820A;
  --cat-novedades-bg: rgba(217,119,87,0.12); --cat-novedades-fg: #B85A3D;
}