/*
  Terishield SA — Design tokens
  Phase A.4 — Swiss Global Institutional

  Palette is deliberately restrained: mineral light and institutional
  graphite carry the page; a deep petrol is reserved for the International
  section only; a muted metallic neutral appears solely as hairlines,
  micro-labels and the registration-mark signature — never as a fill or
  a CTA colour.
*/

:root {
  /* ---- Colour: raw palette ---- */
  --raw-graphite: #111315;      /* institutional dark — main dark surface, primary text */
  --raw-graphite-soft: #1c1f22; /* one step lighter, for dark-on-dark separation */
  --raw-mineral: #f5f4f0;       /* warm mineral white — primary light background */
  --raw-stone: #dad8d2;         /* secondary surfaces, fine structural divisions */
  --raw-stone-line: #c8c5bc;    /* hairlines on stone/mineral */
  --raw-ink-muted: #5c5f61;     /* muted graphite, secondary text on light */
  --raw-petrol: #17302e;        /* deep institutional petrol — International section only */
  --raw-petrol-deep: #0f211f;   /* darker petrol, hover/footer-adjacent use */
  --raw-metallic: #9a8b72;      /* muted metallic neutral — decorative use only */
  --raw-metallic-strong: #7c6e58; /* darker metallic — text-sized/focus use */

  /* ---- Colour: semantic ---- */
  --color-bg: var(--raw-mineral);
  --color-bg-band: var(--raw-stone);
  --color-bg-dark: var(--raw-graphite);
  --color-bg-dark-soft: var(--raw-graphite-soft);
  --color-bg-petrol: var(--raw-petrol);
  --color-text: var(--raw-graphite);
  --color-text-muted: var(--raw-ink-muted);
  --color-text-on-dark: var(--raw-mineral);
  --color-text-on-dark-muted: rgba(245, 244, 240, 0.66);
  --color-border: var(--raw-stone-line);
  --color-border-dark: rgba(245, 244, 240, 0.14);
  --color-accent: var(--raw-metallic);
  --color-accent-strong: var(--raw-metallic-strong);
  --color-focus: var(--raw-metallic-strong);
  --color-link: var(--raw-graphite);

  /* ---- Typography ----
     One principal grotesque carries ~90%+ of the system: headlines and
     body alike, differentiated by weight/size, not by swapping families.
     Source Serif 4 (upright, never italic) is used exactly once, for the
     Financial Structuring statement, where its contrast adds authority.
     JetBrains Mono is reserved for the rare micro-label. */
  --font-sans: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-serif: "Source Serif 4", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fs-2xs: 0.75rem;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;
  --fs-4xl: 3.75rem;
  --fs-5xl: 4.5rem;

  --lh-tight: 1.08;
  --lh-snug: 1.28;
  --lh-normal: 1.55;
  --lh-relaxed: 1.75;

  --ls-tight: -0.015em;
  --ls-normal: 0em;
  --ls-wide: 0.05em;
  --ls-wider: 0.14em;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;

  /* ---- Spacing (8px base scale) ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* ---- Layout ---- */
  --container-width: 1200px;
  --container-wide: 1440px;
  --gutter: var(--space-5);
  --gutter-lg: var(--space-6);

  --radius-sm: 2px;
  --radius-md: 3px;
  --border-width: 1px;

  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 400ms;

  --header-height: 80px;
  /* Sticky header height plus a small intentional gap, used as the
     scroll-margin-top for every in-page anchor target site-wide. */
  --anchor-offset: calc(var(--header-height) + var(--space-5));

  --z-header: 100;
  --z-dropdown: 110;
  --z-overlay: 120;
}