/*
 * iPad Workers Design System tokens
 * Source: ipadworkers-design-system/design-system/colors.css
 * Sync manually when the design system updates.
 */
:root {
  --iw-color-background: #fffe75;
  --iw-color-main: #19205b;
  --iw-color-accent: #57d0ff;
  --iw-color-pink: #ff3199;
  --iw-color-surface: #ffffff;
  --iw-color-main-muted: color-mix(in srgb, var(--iw-color-main) 72%, var(--iw-color-surface));
  --iw-color-border: var(--iw-color-main);
  --iw-color-warning: var(--iw-color-pink);
  --iw-color-success: #52b788;
  --iw-color-shadow: rgb(25 32 91 / 14%);

  /* gotoharuna.com site aliases */
  --iw-yellow: var(--iw-color-background);
  --iw-yellow-pale: color-mix(in srgb, var(--iw-color-background) 72%, var(--iw-color-surface));
  --iw-paper: var(--iw-color-surface);
  --iw-paper-warm: color-mix(in srgb, var(--iw-color-background) 18%, var(--iw-color-surface));
  --iw-ink: var(--iw-color-main);
  --iw-muted: var(--iw-color-main-muted);
  --iw-line: color-mix(in srgb, var(--iw-color-main) 18%, var(--iw-color-surface));
  --iw-accent: var(--iw-color-accent);
  --iw-accent-pale: color-mix(in srgb, var(--iw-color-accent) 16%, var(--iw-color-surface));
  --iw-accent-bg: color-mix(in srgb, var(--iw-color-accent) 10%, var(--iw-color-surface));

  --yellow: var(--iw-color-background);
  --paper: var(--iw-paper);
  --ink: var(--iw-color-main);
  --muted: var(--iw-color-main-muted);
  --line: var(--iw-line);
  --accent: var(--iw-color-accent);
}