/* ================================================
   DISARM — Design Tokens
   All values derived from DSRM Color Guide & Type Guide
   ================================================ */

:root {
  /* ---- Brand Colors (from DSRM web color guide) ---- */
  --color-1: #1a2532;       /* Primary dark */
  --color-2: #374956;       /* Secondary dark */
  --color-3: #9ee5de;       /* Accent teal */
  --color-4: #50ffee;       /* Accent cyan / highlight */
  --color-5: #e2e9e9;       /* Light gray */
  --color-6: #f9f9f9;       /* Off-white */

  /* ---- Semantic Aliases ---- */
  --color-bg:            #0d141c;
  --color-bg-section:    var(--color-1);
  --color-bg-card:       #111a24;
  --color-text-primary:  var(--color-6);
  --color-text-secondary: var(--color-5);
  --color-text-muted:    rgba(249, 249, 249, 0.45);
  /* Idle top-nav items — dim grey, never white; active item stays cyan */
  --color-nav-idle:      rgba(226, 233, 233, 0.32);
  --color-nav-idle-hover: rgba(226, 233, 233, 0.7);
  --color-accent:        var(--color-3);
  --color-highlight:     var(--color-4);
  --color-border-subtle: rgba(158, 229, 222, 0.12);

  /* ---- Typography (from DSRM Type Guide) ---- */
  --font-primary:   'Anek Tamil', sans-serif;   /* Titles + body */
  --font-secondary: 'Saira', sans-serif;         /* Subtitles */
  --font-callout:   'Sui Generis', 'Saira', sans-serif;  /* 00_callouts — Bold Italic, massive headings */

  --text-h1:    63px;   /* Titulo principal — Anek Tamil SemiBold */
  --text-h2:    34px;   /* Subtitulo — Saira Medium */
  --text-body:  17px;   /* Cuerpo texto — Anek Tamil Regular */
  --text-small: 13px;   /* Cuerpo auxiliar — Anek Tamil Light */
  --text-xs:    11px;   /* Labels / captions */

  --weight-thin:     100;
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;

  /* ---- DSRM Type Guide V3 (client-supplied CSS approximations) ----
     Exact values from DSRM_guia_tipografica_web_ja_260905.jpg */
  /* 00_callouts — Sui Generis Bold Italic · massive outlined callouts · UPPERCASE */
  --t-callout-size:   98px;
  --t-callout-lh:     60px;
  --t-callout-ls:     0.05em;
  --t-callout-weight: 700;
  /* 01_subtitles — Saira Medium · alternative title font · UPPERCASE */
  --t-subtitle-size:   31px;
  --t-subtitle-lh:     39.7px;
  --t-subtitle-ls:     0.002em;
  --t-subtitle-weight: 500;
  /* 03_core — Saira Thin · longer descriptive text · lowercase */
  --t-core-size:   17.01px;
  --t-core-lh:     20.41px;
  --t-core-ls:     0.05em;
  --t-core-weight: 100;
  /* 03_microtitles — Saira Medium · supports subtitle 01 · lowercase */
  --t-microtitle-size:   18.09px;
  --t-microtitle-lh:     21.71px;
  --t-microtitle-ls:     0.10em;
  --t-microtitle-weight: 500;
  /* 04_microtext — Saira Thin · special descriptive micro text · lowercase */
  --t-microtext-size:   14px;
  --t-microtext-lh:     16.8px;
  --t-microtext-ls:     0.02em;
  --t-microtext-weight: 100;

  --leading-tight:   1.1;
  --leading-snug:    1.3;
  --leading-normal:  1.65;
  --leading-relaxed: 1.75;

  /* ---- Spacing Scale ---- */
  --space-2xs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 60px;
  --space-3xl: 80px;
  --space-4xl: 120px;

  /* ---- Layout ---- */
  --container-max:     1440px;
  --base-padding:      60px;
  --container-padding: max(var(--base-padding), calc((100vw - var(--container-max)) / 2));
  --header-height:     100px; /* .site-header rendered height (40px top + 28px bottom padding + logo) */

  /* ---- Transitions (prepared for Phase 2) ---- */
  --ease-out:       cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out:    cubic-bezier(0.42, 0, 0.58, 1);
  --transition-fast:  150ms var(--ease-out);
  --transition-base:  300ms var(--ease-out);
  --transition-slow:  500ms var(--ease-in-out);

  /* ---- Border Radius ---- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-full: 50%;

  /* ---- Z-Index Scale ---- */
  --z-base:    1;
  --z-header:  100;
  --z-overlay: 200;
  --z-loading: 300;
}