/* 1920 Agency v1.3. Opt-in future-project tokens; no global element styles. */
:root {
  /* Authoritative brand colors */
  --a19-onyx: #0d0c10;
  --a19-violet: #7b2cbf;
  --a19-amethyst: #c77dff;
  --a19-white: #ffffff;
  /* Semantic aliases and controlled derivatives */
  --a19-bg: var(--a19-onyx);
  --a19-bg-subtle: #100f13;
  --a19-surface: #151319;
  --a19-surface-alt: #121015;
  --a19-purple: var(--a19-violet);
  --a19-purple-light: var(--a19-amethyst);
  --a19-purple-bright: var(--a19-amethyst);
  --a19-text: var(--a19-white);
  --a19-text-secondary: #c8c4cc;
  --a19-text-muted: #aaa4b0;
  --a19-display-muted: #79757f;
  --a19-text-on-light: #1b1423;
  --a19-border-subtle: rgba(255,255,255,.08);
  --a19-border: rgba(255,255,255,.16);
  --a19-border-strong: rgba(199,125,255,.48);
  --a19-gradient-cta: linear-gradient(115deg,#7b2cbf,#5d1f95);
  --a19-gradient-text: linear-gradient(110deg,#ffffff 0%,#c77dff 100%);
  --a19-gradient-lavender: radial-gradient(ellipse at 30% 10%,#ded0f4,#aa8ccb 55%,#6d528c);
  --a19-gradient-charcoal: radial-gradient(ellipse at top,#3d3845,#1c1a20);
  --a19-gradient-pearl: linear-gradient(130deg,#d3c7df,#aaa1b5);
  --a19-gradient-glow: radial-gradient(ellipse,#7b2cbf42,transparent 66%);
  --a19-font: Manrope,Arial,sans-serif;
  --a19-display: clamp(3rem,7.5vw,6.75rem);
  --a19-heading: clamp(2rem,3.4vw,3.375rem);
  --a19-component-heading: 1.375rem;
  --a19-body: 1rem;
  --a19-label: .875rem;
  --a19-caption: .75rem;
  --a19-leading-display: 1.08;
  --a19-leading-heading: 1.18;
  --a19-leading-body: 1.7;
  --a19-tracking-display: -.055em;
  --a19-tracking-heading: -.035em;
  --a19-tracking-eyebrow: .16em;
  --a19-space-1: 4px;
  --a19-space-2: 8px;
  --a19-space-3: 12px;
  --a19-space-4: 16px;
  --a19-space-5: 20px;
  --a19-space-6: 24px;
  --a19-space-8: 32px;
  --a19-space-10: 40px;
  --a19-space-12: 48px;
  --a19-space-16: 64px;
  --a19-space-20: 80px;
  --a19-space-26: 104px;
  --a19-space-30: 120px;
  --a19-page-max: 1600px;
  --a19-page-gutter: max(20px,5%);
  --a19-section-space: 105px;
  --a19-radius-chip: 4px;
  --a19-radius-button: 999px;
  --a19-radius-card: 20px;
  --a19-radius-round: 999px;
  --a19-control-min: 44px;
  --a19-focus-width: 2px;
  --a19-focus-offset: 4px;
  --a19-shadow-button: 0 5px 35px #7b2cbf33;
  --a19-shadow-button-hover: 0 8px 36px #7b2cbf66;
  --a19-shadow-project: 0 22px 60px #10071f66;
  --a19-duration-fast: 200ms;
  --a19-duration-default: 250ms;
  --a19-duration-project: 700ms;
  --a19-duration-reveal: 750ms;
  --a19-ease: cubic-bezier(.2,.7,.2,1);
  --a19-loop-float: 6s;
  --a19-loop-star: 20s;
  --a19-loop-logos: 32s;
  --a19-loop-statement: 35s;
  --a19-z-decoration: 0;
  --a19-z-content: 1;
  --a19-z-nav: 20;
  --a19-z-overlay: 50;
  --a19-z-notification: 60;
  --a19-z-skip: 100;
}
/* Custom properties cannot be used directly in native media query conditions. */
@media (max-width:1100px) { :root { --a19-section-space:80px; } }
@media (max-width:760px) { :root { --a19-page-gutter:max(20px,6%); --a19-section-space:65px; } }
@media (prefers-reduced-motion:reduce) {
  :root { --a19-duration-fast:0ms; --a19-duration-default:0ms; --a19-duration-project:0ms; --a19-duration-reveal:0ms; }
  /* Consumers must also disable loops/canvas updates and expose reveal content. */
}
