/* Basic colour templates (Your profile → Appearance, or the account menu).
 * Each swaps only the accent; the Prussian ink, paper and type stay. Connet's own
 * cinnabar is the default and stays on the logo's AI piece whatever is chosen.
 * scripts/contrast.py checks every template against WCAG AA, dark and light.
 * Generated with the numbers below; Luke is drafting fuller schemes (16 Oct 2026). */
:root { --color-mark-ai: oklch(66% 0.175 33); }
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { --color-mark-ai: oklch(53% 0.175 33); } }
:root[data-theme="light"] { --color-mark-ai: oklch(53% 0.175 33); }

/* Harbour (blue) */
:root[data-scheme="harbour"] {
  --color-accent: oklch(66% 0.130 245);
  --color-accent-hover: oklch(71% 0.122 245);
  --color-accent-press: oklch(62% 0.126 245);
  --color-accent-ink: oklch(76% 0.104 245);
  --color-accent-soft: oklch(28% 0.050 245);
  --color-accent-soft-2: oklch(33% 0.065 245);
}
@media (prefers-color-scheme: light) {
  :root[data-scheme="harbour"]:not([data-theme="dark"]) {
    --color-accent: oklch(52% 0.140 245);
    --color-accent-hover: oklch(47% 0.132 245);
    --color-accent-press: oklch(43% 0.126 245);
    --color-accent-ink: oklch(46% 0.126 245);
    --color-accent-soft: oklch(94% 0.030 245);
    --color-accent-soft-2: oklch(90% 0.045 245);
  }
}
:root[data-scheme="harbour"][data-theme="light"] {
  --color-accent: oklch(52% 0.140 245);
  --color-accent-hover: oklch(47% 0.132 245);
  --color-accent-press: oklch(43% 0.126 245);
  --color-accent-ink: oklch(46% 0.126 245);
  --color-accent-soft: oklch(94% 0.030 245);
  --color-accent-soft-2: oklch(90% 0.045 245);
}

/* Fern (green) */
:root[data-scheme="fern"] {
  --color-accent: oklch(66% 0.140 150);
  --color-accent-hover: oklch(71% 0.132 150);
  --color-accent-press: oklch(62% 0.136 150);
  --color-accent-ink: oklch(76% 0.112 150);
  --color-accent-soft: oklch(28% 0.050 150);
  --color-accent-soft-2: oklch(33% 0.065 150);
}
@media (prefers-color-scheme: light) {
  :root[data-scheme="fern"]:not([data-theme="dark"]) {
    --color-accent: oklch(52% 0.130 150);
    --color-accent-hover: oklch(47% 0.122 150);
    --color-accent-press: oklch(43% 0.117 150);
    --color-accent-ink: oklch(46% 0.117 150);
    --color-accent-soft: oklch(94% 0.030 150);
    --color-accent-soft-2: oklch(90% 0.045 150);
  }
}
:root[data-scheme="fern"][data-theme="light"] {
  --color-accent: oklch(52% 0.130 150);
  --color-accent-hover: oklch(47% 0.122 150);
  --color-accent-press: oklch(43% 0.117 150);
  --color-accent-ink: oklch(46% 0.117 150);
  --color-accent-soft: oklch(94% 0.030 150);
  --color-accent-soft-2: oklch(90% 0.045 150);
}

/* Violet */
:root[data-scheme="violet"] {
  --color-accent: oklch(66% 0.150 300);
  --color-accent-hover: oklch(71% 0.141 300);
  --color-accent-press: oklch(62% 0.145 300);
  --color-accent-ink: oklch(76% 0.120 300);
  --color-accent-soft: oklch(28% 0.050 300);
  --color-accent-soft-2: oklch(33% 0.065 300);
}
@media (prefers-color-scheme: light) {
  :root[data-scheme="violet"]:not([data-theme="dark"]) {
    --color-accent: oklch(52% 0.160 300);
    --color-accent-hover: oklch(47% 0.150 300);
    --color-accent-press: oklch(43% 0.144 300);
    --color-accent-ink: oklch(46% 0.144 300);
    --color-accent-soft: oklch(94% 0.030 300);
    --color-accent-soft-2: oklch(90% 0.045 300);
  }
}
:root[data-scheme="violet"][data-theme="light"] {
  --color-accent: oklch(52% 0.160 300);
  --color-accent-hover: oklch(47% 0.150 300);
  --color-accent-press: oklch(43% 0.144 300);
  --color-accent-ink: oklch(46% 0.144 300);
  --color-accent-soft: oklch(94% 0.030 300);
  --color-accent-soft-2: oklch(90% 0.045 300);
}