/* loom.studio — design tokens, version 1.0.
   Generated by scripts/brand-assets.py from styles/globals.css — do not edit by hand.
   Theme: data-theme="light|dark" on <html> or prefers-color-scheme; every colour token
   resolves through light-dark(). Type: four sizes per screen (D / T / M / S), Haus 300–700. */

:root {
  color-scheme: light dark;

  /* core — they invert with the theme */
  --paper: light-dark(#e8e6df, #000000);
  --ink: light-dark(#000000, #e8e6df);
  --card: light-dark(#ffffff, #141414);
  --mid: light-dark(#a6a6a6, #595959);
  --red: #ed3434;
  --blue: light-dark(#4f59db, #6a73e4);
  --yellow: #f0ca42;

  /* fixed — never invert */
  --color-pink-1: #f182cf;
  --color-pink-2: #ef5588;
  --color-purple-deep: #2d0532;
  --color-purple-light: #8f7f9c;
  --color-night: #040c0d;
  --color-night-accent: #0f2a33;
  --color-bone: #e8e6df;
  --color-trustpilot: #00b67a;

  /* the assistant's mark only */
  --pink-gradient: linear-gradient(180deg, #f182cf 0%, #ef5588 100%);

  /* motion */
  --ease-bauhaus: cubic-bezier(0.7, 0, 0.3, 1);
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* type — phone < 640 px */
  --font-sans: 'Haus', 'Haus Fallback', system-ui, sans-serif;
  --fs-d: 48px;
  --fs-t: 28px;
  --fs-m: 18px;
  --fs-s: 14px;
}

@media (min-width: 640px) {
  :root {
    --fs-d: 56px;
    --fs-t: 32px;
    --fs-m: 22px;
    --fs-s: 16px;
  }
}

@media (min-width: 1024px) {
  :root {
    --fs-d: 60px;
    --fs-t: 36px;
    --fs-m: 24px;
    --fs-s: 16px;
  }
}

:root[data-theme='light'] {
  color-scheme: light;
}
:root[data-theme='dark'] {
  color-scheme: dark;
}