/* Zakhar EX — Color tokens */
:root {
  /* Brand & action */
  --color-primary: #0075de;
  --color-primary-active: #005bab;
  --color-secondary: #213183;
  --color-on-primary: #ffffff;

  /* Surfaces */
  --color-canvas: #ffffff;
  --color-canvas-soft: #f6f5f4;
  --color-surface: #ffffff;
  --color-hairline: #e6e6e6;
  --color-input-border: #dddddd;

  /* Ink / text */
  --color-ink: #000000;
  --color-ink-secondary: #31302e;
  --color-ink-muted: #615d59;
  --color-ink-faint: #a39e98;

  /* Decorative sticker palette (illustration only — never CTAs) */
  --color-accent-sky: #62aef0;
  --color-accent-purple: #d6b6f6;
  --color-accent-purple-deep: #391c57;
  --color-accent-pink: #ff64c8;
  --color-accent-orange: #dd5b00;
  --color-accent-orange-deep: #793400;
  --color-accent-teal: #2a9d99;
  --color-accent-green: #1aae39;
  --color-accent-brown: #523410;

  /* Semantic aliases */
  --text-primary: var(--color-ink);
  --text-secondary: var(--color-ink-secondary);
  --text-muted: var(--color-ink-muted);
  --text-faint: var(--color-ink-faint);
  --text-link: var(--color-primary);
  --surface-page: var(--color-canvas-soft);
  --surface-card: var(--color-surface);
  --border-hairline: var(--color-hairline);
}