/* Canonical value mirror: 05_Brand_Content/design/tokens.css at main 09915ac4dacfed3b4a80c630294ce2a619cf8882. */
/**
 * AdwenTech design system v2.1 tokens.
 * Static mirror of design/tokens.ts for HTML/CSS consumers.
 * v2.1 (2026-07-23): locked to the live adwentech.com canon (Velar) —
 * Archivo display, ink/ease/radius-card/cta-shadow tokens added.
 */

@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;700;800;900&family=Poppins:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap");

:root {
  --color-navy-50: #e8edf3;
  --color-navy-100: #c5d0dd;
  --color-navy-200: #9fb0c4;
  --color-navy-300: #7890ab;
  --color-navy-400: #5a7696;
  --color-navy-500: #3d5c7f;
  --color-navy-600: #2e4a68;
  --color-navy-700: #274056;
  --color-navy-800: #1a2d42;
  --color-navy-900: #0d1e2e;
  --color-navy-950: #041e3a;

  /* Canonical accent = ORANGE #E08A3C (logo). Gold RETIRED/BANNED 2026-07-22. */
  --color-orange-300: #f3a45a;
  --color-orange-400: #ea9342;
  --color-orange-500: #e08a3c;
  --color-orange-600: #be6c20;

  --color-neutral-0: #ffffff;
  --color-neutral-50: #faf9f6;
  --color-neutral-100: #f3f0eb;
  --color-neutral-200: #e8e4dc;
  --color-neutral-300: #d6d3ce;
  --color-neutral-400: #b5b5b7;
  --color-neutral-600: #7a7872;
  --color-neutral-800: #3c3a36;
  --color-neutral-950: #1a1816;
  --color-neutral-1000: #0f1219;

  --color-cream-warm-50: #faf9f6;
  --color-cream-warm-100: #f5efe6;
  --color-cream-warm-200: #ede3d4;

  /* Live-site canon (Velar, adwentech.com 2026-07-23): near-black hero/section ink. */
  --color-ink: #050b14;

  --color-background: var(--color-neutral-50);
  --color-surface: var(--color-neutral-0);
  --color-border: hsl(211 87% 12% / 0.1);
  --color-border-strong: hsl(211 87% 12% / 0.18);
  --color-accent: var(--color-orange-500);
  --color-accent-hover: var(--color-orange-400);
  --color-accent-subtle: hsl(28 74% 56% / 0.14);

  --color-text-primary: var(--color-navy-950);
  --color-text-muted: hsl(207 31% 18% / 0.68);
  --color-text-subtle: hsl(207 31% 18% / 0.48);
  --color-on-dark-primary: var(--color-neutral-0);
  --color-on-dark-muted: hsl(0 0% 100% / 0.72);
  --color-on-dark-subtle: hsl(0 0% 100% / 0.48);

  /* Display = Archivo since 2026-07-01 (Poppins retired from the display role). */
  --font-display: "Archivo", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --font-body: "Poppins", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --text-display-xl: clamp(3.5rem, 6vw, 6.5rem);
  --text-display-lg: clamp(2.8rem, 5vw, 5.2rem);
  --text-display-md: clamp(2.2rem, 4vw, 3.6rem);
  --text-display-sm: clamp(1.8rem, 3vw, 2.4rem);
  --text-h1: clamp(2.5rem, 5vw, 5rem);
  --text-h2: clamp(2rem, 4vw, 3.2rem);
  --text-h3: 1.35rem;
  --text-h4: 1.15rem;
  --text-lead: 1.1rem;
  --text-body-lg: 1.125rem;
  --text-body: 1rem;
  --text-small: 0.9rem;
  --text-xs: 0.78rem;
  --text-eyebrow: 0.75rem;

  --tracking-tight: -0.05em;
  --tracking-snug: -0.03em;
  --tracking-normal: 0em;
  --tracking-eyebrow: 0.14em;
  --tracking-caps: 0.22em;

  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-normal: 1.6;
  --lh-loose: 1.8;

  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-sm: 8px;
  --radius-card: 12px; /* live-site card family (gallery tiles, CTA) */
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-full: 999px;

  --shadow-e1: 0 2px 8px hsl(211 87% 12% / 0.06), 0 1px 2px hsl(211 87% 12% / 0.04);
  --shadow-e2: 0 8px 24px hsl(211 87% 12% / 0.09), 0 2px 6px hsl(211 87% 12% / 0.05);
  --shadow-e3: 0 20px 56px hsl(211 87% 12% / 0.14), 0 4px 12px hsl(211 87% 12% / 0.07);
  --shadow-orange: 0 8px 28px hsl(28 74% 56% / 0.32);
  --shadow-cta: 0 12px 32px -12px rgb(190 108 32 / 0.45); /* directional orange-600 lift (live CTA) */
  --shadow-gold: var(--shadow-orange); /* retired alias → orange */

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-signature: cubic-bezier(0.22, 1, 0.36, 1); /* the live site's one easing family */
  --ease-lift: cubic-bezier(0.45, 0, 0.15, 1); /* preloader lift / house entrance */
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 400ms;

  --container: min(1320px, calc(100% - 3rem));
  --container-sm: min(860px, calc(100% - 3rem));
  --max-ch-headline: 24ch;
  --max-ch-lead: 70ch;

  --focus-ring-width: 3px;
  --focus-ring-color: hsl(28 74% 56% / 0.88);
  --focus-ring-offset: 3px;

  --min-h-card-hero: 5rem;
  --min-h-cta-label: 3rem;
  --min-h-eyebrow: 1.4rem;
}

[data-theme="dark"] {
  --color-background: #0a0e14;
  --color-surface: #161c26;
  --color-border: hsl(0 0% 100% / 0.1);
  --color-border-strong: hsl(0 0% 100% / 0.18);
  --color-text-primary: var(--color-neutral-100);
  --color-text-muted: hsl(36 20% 94% / 0.65);
  --color-text-subtle: hsl(36 20% 94% / 0.4);
}

/* Legacy aliases for in-flight static pages. Prefer --color-* in new work. */
:root {
  --adwen-navy: var(--color-navy-950);
  --adwen-navy-mid: var(--color-navy-900);
  --adwen-navy-deep: var(--color-neutral-1000);
  --adwen-slate: var(--color-navy-700);
  --adwen-gold: var(--color-orange-500); /* retired alias → orange */
  --adwen-gold-warm: var(--color-orange-400); /* retired alias → orange */
  --adwen-gold-amber: var(--color-orange-500); /* retired alias → orange */
  --adwen-mist: var(--color-neutral-400);
  --adwen-ivory: var(--color-neutral-300);
  --adwen-sand: var(--color-neutral-50);
  --adwen-cream: var(--color-cream-warm-100);
  --adwen-paper: var(--color-cream-warm-50);
  --adwen-white: var(--color-neutral-0);
  --font-sans: var(--font-body);
  --shadow-soft: var(--shadow-e1);
  --shadow-panel: var(--shadow-e2);
  --shadow-feature: var(--shadow-e3);
  --shadow-navy: 0 10px 28px hsl(211 87% 12% / 0.18);
  --radius-xs: var(--radius-sm);
  --radius-pill: var(--radius-full);
  --border: var(--color-border);
  --navy: var(--color-navy-950);
  --gold: var(--color-orange-500); /* retired alias → orange */
  --white: var(--color-neutral-0);
  --sand: var(--color-neutral-50);
  --slate: var(--color-navy-700);
  --text: var(--color-navy-700);
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-body);
  line-height: var(--lh-normal);
  color: var(--color-text-primary);
  background: var(--color-background);
}

img, svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, textarea, select {
  font: inherit;
}

::selection {
  background: var(--color-accent-subtle);
  color: var(--color-navy-950);
}

:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
  border-radius: 3px;
}