/* Ideomotion design tokens — shared between ideomotion.com and shop.ideomotion.com */

:root {
  --color-bg:           #FFFFFF;
  --color-surface:      #FFFFFF;
  --color-surface-soft: #F2F5F6;
  --color-ink:          #0E1416;
  --color-ink-muted:    #4A5559;
  --color-ink-soft:     #8A9499;
  --color-line:         #DEE3E5;
  --color-accent:       #1A7374;
  --color-accent-deep:  #0F4C5C;
  --color-accent-soft:  #D6EAEB;
  --color-success:      #2D7A5F;

  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

  --fs-base:  1.125rem;
  --fs-sm:    0.9375rem;
  --fs-xs:    0.8125rem;
  --fs-lg:    1.25rem;
  --fs-xl:    1.5rem;
  --fs-h3:    1.875rem;
  --fs-h2:    2.5rem;
  --fs-h1:    3.5rem;
  --fs-hero:  4.75rem;

  --lh-tight: 1.1;
  --lh-snug:  1.25;
  --lh-body:  1.6;
  --lh-loose: 1.75;

  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.08em;

  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;
  --space-10: 8rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --width-text: 65ch;
  --width-content: 1280px;
  --width-narrow: 880px;

  --shadow-sm: 0 1px 2px rgba(31, 26, 23, 0.04), 0 1px 3px rgba(31, 26, 23, 0.06);
  --shadow-md: 0 4px 12px rgba(31, 26, 23, 0.08);
  --shadow-lg: 0 12px 32px rgba(31, 26, 23, 0.10);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-med:  280ms;
}

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