/* Hallmark · genre: modern-minimal · macrostructure: workbench · design-system: multi-page-app
 * tone: tension+trust · designed-as-app · embassy-mail: light corporate · secure-drive: dark portal
 */

:root {
  /* EMBASSY MAIL: Light corporate aesthetic (trust) */
  --embassy-paper:      oklch(99% 0 0);
  --embassy-paper-2:    oklch(96% 0 0);
  --embassy-paper-3:    oklch(92% 0 0);
  --embassy-ink:        oklch(8% 0 0);
  --embassy-ink-2:      oklch(35% 0 0);
  --embassy-rule:       oklch(88% 0 0);
  --embassy-accent:     oklch(58% 0.18 32);
  --embassy-accent-ink: oklch(20% 0 0);
  --embassy-focus:      oklch(52% 0.12 240);
  --embassy-warn:       oklch(68% 0.15 28);

  /* SECURE DRIVE: Dark portal (tension + trust) */
  --secure-paper:       oklch(16% 0 0);
  --secure-paper-2:     oklch(22% 0 0);
  --secure-paper-3:     oklch(28% 0 0);
  --secure-ink:         oklch(92% 0 0);
  --secure-ink-2:       oklch(75% 0 0);
  --secure-rule:        oklch(32% 0 0);
  --secure-accent:      oklch(58% 0.18 32);
  --secure-accent-ink:  oklch(95% 0 0);
  --secure-focus:       oklch(65% 0.12 240);
  --secure-warn:        oklch(68% 0.15 28);

  /* Shared typography */
  --font-display: "IBM Plex Sans", -apple-system, system-ui, sans-serif;
  --font-body:    "IBM Plex Sans", -apple-system, system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", Menlo, monospace;

  /* Scale */
  --space-3xs: 0.25rem;  --space-2xs: 0.5rem;  --space-xs: 0.75rem;
  --space-sm:  1rem;     --space-md:  1.5rem;  --space-lg: 2rem;
  --space-xl:  3rem;     --space-2xl: 4.5rem; --space-3xl: 7rem;

  --text-xs:  0.8125rem; --text-sm: 0.9375rem; --text-md: 1.125rem;
  --text-lg:  1.375rem;  --text-xl: 1.75rem;   --text-2xl: 2.25rem;
  --text-3xl: 2.875rem;  --text-display: 3.5rem;

  /* Motion */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:      cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out:  cubic-bezier(0.4, 0, 0.2, 1);
  --dur-short:    220ms;
  --dur-base:     350ms;
  --dur-long:     600ms;

  /* Radii */
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-pill: 999px;

  /* Letter spacing */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
}

/* Font imports */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;600&display=swap');

* { box-sizing: border-box; }
html, body { overflow-x: clip; }