/* Every Good Idea — color tokens */

:root {
  /* base palette */
  --color-ink: #0F1031;       /* dark blue — primary text / dark surface */
  --color-vanilla: #F6F4F0;   /* vanilla white — primary surface / light text */
  --color-blue-deep: #363795; /* accent blue — mid saturation */
  --color-blue-pale: #BAC6ED; /* accent blue — pale tint */

  /* tonal steps derived from the two accent blues, for hover/press/subtle fills */
  --color-blue-deep-hover: #2b2c78;
  --color-blue-deep-press: #23245f;
  --color-blue-pale-hover: #a5b3e3;
  --color-ink-70: rgba(15, 16, 49, 0.7);
  --color-ink-45: rgba(15, 16, 49, 0.45);
  --color-ink-15: rgba(15, 16, 49, 0.15);
  --color-ink-08: rgba(15, 16, 49, 0.08);
  --color-vanilla-70: rgba(246, 244, 240, 0.7);
  --color-vanilla-15: rgba(246, 244, 240, 0.15);

  /* semantic — light surface (default) */
  --surface-page: var(--color-vanilla);
  --surface-card: #FFFFFF;
  --surface-sunken: #EDEAE3;
  --surface-inverse: var(--color-ink);
  --text-primary: var(--color-ink);
  --text-secondary: var(--color-ink-70);
  --text-muted: var(--color-ink-45);
  --text-on-inverse: var(--color-vanilla);
  --text-on-inverse-muted: var(--color-vanilla-70);
  --border-subtle: var(--color-ink-15);
  --border-strong: var(--color-ink);

  /* semantic — accents */
  --accent-primary: var(--color-blue-deep);
  --accent-primary-hover: var(--color-blue-deep-hover);
  --accent-primary-press: var(--color-blue-deep-press);
  --accent-soft: var(--color-blue-pale);
  --accent-soft-hover: var(--color-blue-pale-hover);
  --accent-on-primary: var(--color-vanilla);

  /* semantic states (sparingly used — brand is two-blue, not a stoplight system) */
  --state-success: #2E6B4F;
  --state-error: #A23B2E;
  --state-focus-ring: var(--color-blue-deep);

  /* glass — translucent surfaces for cards, toasts, buttons, nav (on light or dark) */
  --glass-bg-on-light: rgba(255, 255, 255, 0.55);
  --glass-bg-on-dark: rgba(246, 244, 240, 0.10);
  --glass-border-on-light: rgba(255, 255, 255, 0.5);
  --glass-border-on-dark: rgba(246, 244, 240, 0.14);
  --glass-blur: 16px;
}