/* Generated from src/brand-tokens.json. Shared by the studio and brand reference. */
:root {
  --ink: #2E0F23;
  --cream: #FFF8EE;
  --yolk: #FFD000;
  --pink: #FF80AD;
  --purple: #9C27B0;
  --cyan: #70EDEE;
  --purple-highlight: #C777E4;
  --on-ink-muted: #DFBED0;
  --on-ink-line: #77536D;
  --text: #2E0F23;
  --text-muted: #714159;
  --surface: #FFFCF7;
  --surface-soft: #FFE3ED;
  --line: #D9B7C5;
  --accent-text: #7A1B75;
  --splash-ink: #9C27B0;
  --matrix-ink: #9C27B0;
  --matrix-rest: #FFFFFF;
  --header: #FFBED5;
  --canvas-start: #FFB4D0;
  --canvas-mid: #FFD2DE;
  --canvas-warm: #FFE7DF;
  --canvas-end: #FFF8EE;
  --canvas-tail: #FFE3ED;
  --fd: "Lilita One", sans-serif;
  --fb: "M PLUS Rounded 1c", system-ui, sans-serif;
  --brand-motion-feedback: 180ms;
  --brand-motion-touch: 240ms;
  --brand-motion-swap: 320ms;
  --brand-motion-settle: 440ms;
  --brand-motion-gallery: 220ms;
  --brand-motion-splash: 760ms;
  --brand-motion-idle: 6.4s;
  --paper: var(--surface);
  --wash: var(--surface-soft);
  --muted: var(--text-muted);
  --canvas: linear-gradient(180deg, var(--canvas-start) 0, var(--canvas-mid) 650px, var(--canvas-warm) 1250px, var(--canvas-end) 1950px, var(--canvas-tail) 100%);
  color-scheme: light;
}
:root[data-theme="night"] {
  --text: #FFF8EE;
  --text-muted: #DFBED0;
  --surface: #352039;
  --surface-soft: #4C2A43;
  --line: #77536D;
  --accent-text: #EDB1F3;
  --splash-ink: #B63BC8;
  --matrix-ink: #B63BC8;
  --matrix-rest: #FFFFFF;
  --header: #32182E;
  --canvas-start: #3A1D36;
  --canvas-mid: #2F182D;
  --canvas-warm: #221326;
  --canvas-end: #1D1021;
  --canvas-tail: #29152C;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="day"]) {
  --text: #FFF8EE;
  --text-muted: #DFBED0;
  --surface: #352039;
  --surface-soft: #4C2A43;
  --line: #77536D;
  --accent-text: #EDB1F3;
  --splash-ink: #B63BC8;
  --matrix-ink: #B63BC8;
  --matrix-rest: #FFFFFF;
  --header: #32182E;
  --canvas-start: #3A1D36;
  --canvas-mid: #2F182D;
  --canvas-warm: #221326;
  --canvas-end: #1D1021;
  --canvas-tail: #29152C;
    color-scheme: dark;
  }
}