/* ==========================================================================
   DEUSTODIA — Design Tokens
   Engineering Holding / Blueprint-HUD visual system
   ========================================================================== */
:root {
  /* --- Color: Blueprint base --- */
  --c-bg-000: #040a14;      /* deepest background */
  --c-bg-100: #071528;      /* base page background */
  --c-bg-200: #0c1e36;      /* panel background */
  --c-bg-300: #112947;      /* raised panel / hover */
  --c-line-100: #16324f;    /* faint grid lines */
  --c-line-200: #234a72;    /* schematic lines / borders */
  --c-line-300: #34648f;    /* brighter schematic lines */

  /* --- Color: Signal / accent --- */
  --c-cyan: #3fd6e8;        /* primary HUD glow — circuits, active states */
  --c-cyan-dim: #1f7d8c;
  --c-amber: #ff7a3d;       /* Deustodia identity accent — CTAs, "TODIA" */
  --c-amber-dim: #b8551f;
  --c-ok: #4be38a;          /* status: operational */
  --c-warn: #f2c94c;        /* status: pending / próximamente */

  /* --- Color: Text --- */
  --c-text-000: #eef5fc;    /* headings, high emphasis */
  --c-text-100: #c3d4e6;    /* body copy */
  --c-text-200: #7f97b2;    /* muted / captions */
  --c-text-300: #4c6a89;

  /* --- Type families --- */
  --f-display: "Chakra Petch", "IBM Plex Sans", sans-serif;
  --f-body: "IBM Plex Sans", -apple-system, sans-serif;
  --f-mono: "IBM Plex Mono", "SFMono-Regular", monospace;

  /* --- Type scale --- */
  --fs-000: 0.72rem;   /* micro labels */
  --fs-100: 0.85rem;   /* captions */
  --fs-200: 1rem;      /* body */
  --fs-300: 1.15rem;
  --fs-400: 1.5rem;
  --fs-500: 2rem;
  --fs-600: 2.75rem;
  --fs-700: 3.75rem;
  --fs-800: 5rem;

  /* --- Spacing --- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 7rem;

  /* --- Layout --- */
  --max-w: 1280px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --border-w: 1px;

  /* --- Motion --- */
  --ease-out: cubic-bezier(.16,.8,.28,1);
  --dur-fast: 150ms;
  --dur-med: 400ms;
  --dur-slow: 900ms;

  /* --- Elevation / glow --- */
  --glow-cyan: 0 0 0 1px rgba(63,214,232,.25), 0 0 24px rgba(63,214,232,.12);
  --glow-amber: 0 0 0 1px rgba(255,122,61,.3), 0 0 24px rgba(255,122,61,.14);
}