/* GENERATED by scripts/gen-brand.mjs. Do not edit by hand. */

:root {
  /* Surfaces */
  --v-bg: #050505;
  --v-surface: #0A0A0A;
  --v-surface-2: #111111;
  --v-surface-3: #171717;

  /* Text */
  --v-text: #F8F8F5;
  --v-text-muted: rgba(255, 255, 255, 0.72);
  --v-text-faint: rgba(255, 255, 255, 0.55);
  --v-text-disabled: rgba(255, 255, 255, 0.28);

  /* Lines */
  --v-line: rgba(255, 255, 255, 0.16);
  --v-line-strong: rgba(255, 255, 255, 0.32);

  /* Accent: Align's lime */
  --v-accent: #84CC16;
  --v-accent-hover: #9BE01F;
  --v-accent-on: #0A1400;
  --v-accent-deep: #4D7C0F;
  --v-accent-wash: rgba(132, 204, 22, 0.12);

  /* Semantic */
  --v-success: #6FCF97;
  --v-warn: #E3B341;
  --v-danger: #D0473E;
  --v-info: var(--v-accent);

  /* Light bands */
  --v-light-bg: #F9F9F9;
  --v-light-text: #111111;
  --v-light-muted: rgba(17, 17, 17, 0.68);
  --v-light-line: rgba(17, 17, 17, 0.14);

  /* Type */
  --v-font: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  --v-font-display: "Cormorant Garamond", Georgia, serif;
  --v-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Spacing scale */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 20px;  --sp-6: 24px;  --sp-8: 32px;  --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px; --sp-32: 128px;

  /* Layout */
  --v-container: 1410px;
  --v-container-wide: 1410px;
  --v-gutter: clamp(20px, 4vw, 48px);
  --v-section-y: clamp(64px, 8vw, 112px);
  --v-nav-h: 72px;

  /* Radii. Align uses pill buttons and inputs with low-radius cards. */
  --r-sm: 3px;
  --r-md: 30px;
  --r-lg: 5px;
  --r-pill: 999px;

  /* One elevation token, for things that genuinely float */
  --v-shadow: 0 4px 8px rgba(0, 0, 0, 0.45);

  /* Z-index scale */
  --z-dropdown: 100; --z-sticky: 200; --z-drawer: 300;
  --z-modal: 400;    --z-toast: 500;  --z-tooltip: 600;

  /* Motion */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --d-micro: 150ms;
  --d-base: 220ms;
  --d-slow: 300ms;
}

:focus-visible {
  outline: 2px solid var(--v-accent);
  outline-offset: 2px;
  border-radius: var(--r-sm);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}