/* Sub-site palette & role bindings — change values here per event */
@layer theme {
  :root {
    /* Brand palette for AI Engineer (example—tweak freely) */
    --palette-brand:       oklch(0.65 0.22 257);
    --palette-brand-hi:    oklch(0.75 0.18 257);
    --palette-theme:       oklch(0.78 0.15 35);
    --palette-theme-hi:    oklch(0.85 0.12 35);
    --palette-ink:         oklch(0.13 0.03 265);
    --palette-ink-weak:    oklch(0.50 0.02 265);
    --palette-bg:          oklch(0.99 0 0);
    --palette-panel:       oklch(0.985 0 0);
    --palette-rule:        oklch(0.88 0.02 265);
    --palette-accent:      oklch(0.68 0.16 250);
    --palette-accent:	   #FF00B9;
    --palette-accent-2:    oklch(0.75 0.18 150);
    --palette-accent-2:	   #5D33E9;
    --palette-accent-3:    #000;
    --palette-on-accent:   #fff;

    /* Bind roles to palette (most components read only roles) */
    --color-bg:        var(--palette-bg);
    --color-panel:     var(--palette-panel);
    --color-panel-alternate:     var(--palette-panel);
    --color-ink:       var(--palette-ink);
    --color-ink-weak:  var(--palette-ink-weak);
    --color-rule:      var(--palette-rule);
    --color-accent:    var(--palette-accent);
    --color-accent-2:  var(--palette-accent-2);
    --color-accent-3:  var(--palette-accent-3);
    --color-on-accent: var(--palette-on-accent);

    --link:        var(--color-accent);
    --link-hover:  color-mix(in oklab, var(--color-accent), black 12%);

    /* Site nav roles (optional custom) */
    --site-nav-h: 64px;
    --site-nav-bg: color-mix(in oklab, var(--color-bg) 92%, black 8%);
    --site-nav-bg: #fff;
    --site-nav-ink: var(--color-ink);
    --site-nav-rule: var(--hairline);
    --site-nav-hover: color-mix(in oklab, var(--color-bg), white 6%);
  }
}