/* =================================================================
   PruTAN — Design Tokens
   Single source of truth. Loaded by both deck and docs themes.
   DO NOT change values here without team review — entire system shifts.
   ================================================================= */

:root {
  /* --- Brand ----------------------------------------------------- */
  --prutan-navy:        #05387F;   /* logo color, deep brand */
  --prutan-navy-deep:   #02234d;   /* darker shade for gradients */
  --prutan-indigo:      #6366f1;   /* energetic accent */
  --prutan-indigo-deep: #312e81;   /* indigo ink for text on light */
  --prutan-indigo-soft: #eef2ff;   /* tinted background */

  /* --- Ink (text) ------------------------------------------------ */
  --ink:        #1a1a1a;
  --ink-soft:   #333333;
  --muted:      #6b7280;
  --faint:      #8a8a8a;
  --line:       #e5e7eb;
  --line-strong:#d1d5db;

  /* --- Signal colors --------------------------------------------- */
  --success:    #16a34a;  --success-bg: #ecfdf3;  --success-ink: #14532d;
  --warning:    #d97706;  --warning-bg: #fffbeb;  --warning-ink: #78350f;
  --danger:     #dc2626;  --danger-bg:  #fef2f2;  --danger-ink:  #7f1d1d;

  /* --- Surfaces -------------------------------------------------- */
  --bg:          #f5f6f8;
  --card:        #ffffff;
  --card-soft:   #fafafa;

  /* --- Accent palette for slide cards ---------------------------- *
   * Each accent is a triplet: solid stroke + pale bg tint + deep ink.
   * Use the triplet when color-coding categories — a card that
   * "represents Security" should use stroke + bg + ink together so
   * the eye reads it as a unit, not just a colored line.            */
  --accent-indigo:      #6366f1;
  --accent-indigo-bg:   #eef2ff;
  --accent-indigo-ink:  #312e81;

  --accent-blue:        #2563eb;
  --accent-blue-bg:     #eff6ff;
  --accent-blue-ink:    #1e3a8a;

  --accent-teal:        #0d9488;
  --accent-teal-bg:     #ecfdf5;
  --accent-teal-ink:    #064e3b;

  --accent-amber:       #d97706;
  --accent-amber-bg:    #fffbeb;
  --accent-amber-ink:   #78350f;

  --accent-rose:        #e11d48;
  --accent-rose-bg:     #fff1f2;
  --accent-rose-ink:    #881337;

  --accent-violet:      #7c3aed;
  --accent-violet-bg:   #f5f3ff;
  --accent-violet-ink:  #4c1d95;

  /* --- Diagram tokens (matches the existing style.css) ----------- */
  --core:#eef2ff;     --core-border:#6366f1;     --core-ink:#312e81;
  --internal:#e0e7ff; --internal-border:#818cf8; --internal-ink:#3730a3;
  --store:#ecfdf3;    --store-border:#16a34a;    --store-ink:#14532d;
  --ext:#fffbeb;      --ext-border:#d97706;      --ext-ink:#78350f;
  --svc:#f5f6f8;      --svc-border:#d1d5db;      --svc-ink:#1a1a1a;
  --client:#f5f6f8;   --client-border:#d1d5db;
  --edge:#f5f6f8;     --edge-border:#d1d5db;     --edge-ink:#6b7280;

  /* --- Typography ----------------------------------------------- */
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'Roboto Mono', ui-monospace, Menlo, monospace;

  /* --- Shape & motion ------------------------------------------- */
  --radius-sm: 4px;
  --radius:    6px;
  --radius-lg: 10px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.04);
  --shadow:    0 4px 12px rgba(0,0,0,.06);
  --shadow-lg: 0 12px 32px rgba(0,0,0,.12);
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
}