:root {
  /* Brand core (client-facing): #172A54 Identitate · #C97A3D Acțiune · #8FB8ED Date */
  /* UI tokens — .docs/tfs-design.md Varianta 3 · .docs/brand-design-tokens.md */
  --color-primary: #1E2A78;        /* UI Navy — linkuri, hover; nu în slide-uri client */
  --color-primary-light: #3D4F9E;
  --color-primary-dark: #172A54;   /* Identitate — hero, footer, titluri brand */
  --color-primary-deep: #0B1B3F;
  --color-primary-50: #EEF0F8;
  --color-primary-100: #D5DAF0;
  --color-primary-200: #ABB5E1;
  --color-accent: #8FB8ED;         /* Date — grafice, diagrame */
  --color-accent-muted: #D4E6F9;
  --color-cta: #C97A3D;          /* Acțiune — grafice, accente decorative */
  --color-cta-accessible: #9A5A28; /* Acțiune — text pe fundal deschis (AA 4.5:1) */
  --color-cta-solid: #A8652E;    /* Acțiune — butoane cu text alb (AA 4.5:1) */
  --color-cta-hover: #8F5526;
  --color-cta-muted: #F0D9C4;
  --color-bg: #F7F7FB;
  --color-bg-elevated: #FFFFFF;
  --color-bg-muted: #EEEEF4;
  --color-border: #DCDCE8;
  --color-text: #2B2B3A;
  --color-text-muted: #6B6B7B;
  --color-text-inverse: #FFFFFF;
  --color-success: #2D6A4F;
  --color-warning: #B8860B;
  --color-error: #9B2C2C;

  /* Legacy aliases (deprecated — use --color-accent) */
  --color-secondary: #6B6B7B;
  --color-secondary-muted: #6B6B7B;

  --font-display: 'Literata', Georgia, serif;
  --font-body: 'Karla', system-ui, sans-serif;
  --font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;

  --container-max: 1200px;
  --container-padding: 24px;
  --section-padding-y: 80px;
  --header-height: 76px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-btn: 4px;
  --radius-card: 4px;

  --shadow-sm: 0 1px 2px rgba(11, 27, 63, 0.06);
  --shadow-md: 0 8px 24px rgba(11, 27, 63, 0.08);
  --shadow-lg: 0 20px 48px rgba(11, 27, 63, 0.10);
  --shadow-float: 0 24px 64px rgba(11, 27, 63, 0.14);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.5s;
}

@media (min-width: 1024px) {
  :root {
    --container-padding: 48px;
    --section-padding-y: 112px;
  }
}