/* Design tokens for the Coming soon page: a copy of the few LaVue kit tokens it uses (css/tokens.css of the portal), so this folder stands alone.
   Keep the values identical to the kit; change them there first. */
:root {
  color-scheme: light;
  --font-main: "Montserrat", system-ui, sans-serif;
  --font-slogan: "Cormorant Garamond", serif;
  --c-bg: #faf8f2; --c-text: #0a0b09; --c-text-muted: #5e5a54;
  --c-accent-text: #855948; --c-action: #b18978; --c-on-action: #0a0b09;
  --c-accent-soft: #f6e4dc; --c-on-accent-soft: #6b4638; --c-hl-blush: #f8e3db; --c-focus: #855948;
  --brand-mocha: #b18978; --c-slogan: var(--brand-mocha);
  --fs-sm: 0.875rem; --fs-md: 1rem; --fs-lg: 1.125rem; --fs-xl: 1.375rem; --fs-2xl: 1.75rem;
  --lh-body: 1.75; --lh-tight: 1.4; --fw-regular: 400; --fw-medium: 500; --fw-strong: 700;
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem; --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem;
  --r-pill: 62.5rem; --bw: 1px; --focus-w: 3px; --focus-gap: 2px; --tap: 2.75rem;
  --btn-max: 20rem; --hover-brightness: 1.12; --press-scale: 0.97;
  --logo-w: 15rem;                                  /* the page logo; the page slogan is larger than the opening's */
  --dur-fast: 120ms; --dur-base: 200ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --z-toast: 40;

  /* Brand motion (V4, V5, V7): the same numbers as the portal's «Brand motion» block. */
  --ease-soft: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-turn: cubic-bezier(0.37, 0, 0.63, 1);
  --dur-open-first: 4900ms; --dur-open-return: 1200ms;
  --open-wipe-at: 800ms;   --open-wipe: 1200ms;
  --open-slogan-at: 1900ms; --open-slogan: 1300ms;
  --open-name-at: 2900ms;  --open-name: 2000ms;
  --open-shine-lag: 150ms; --open-shine: 1900ms;
  --open-flower: 2.6rem; --open-name-w: 11rem; --fs-open-slogan: 0.9rem; --slogan-rise: 0.35em; --turn-flower: 2.8rem;
  --edge-soft: linear-gradient(110deg, #000 42%, transparent 58%); --edge-size: 260%;
  --logo-shine-every: 6000ms; --logo-shine-delay: 600ms;
  --shine-white: rgb(255 255 255 / 0.9);
}