/* Beatnix channel theme — sunset sea (light) and starlight (dark).
   Taken from the Beatnix YouTube channel art (banner, badge, thumbnails), chosen 2026-11-01.
   Replaces the OneZeroBoth tokens. Contrast pairs are listed in art/theme/channel-theme.md. */

:root,
[data-beatnix-theme="light"] {
  --beatnix-canvas: #F8EEDC;            /* banner paper */
  --beatnix-on-canvas: #132A2E;         /* deep sea ink */
  --beatnix-surface: #FFFBF3;
  --beatnix-on-surface: #132A2E;
  --beatnix-surface-variant: #F1E4CC;
  --beatnix-on-surface-variant: #4D5E60;
  --beatnix-outline: #7A6F62;
  --beatnix-outline-variant: #E4D5BC;
  --beatnix-focus: #132A2E;

  --beatnix-primary: #0C6468;           /* sea teal: main action */
  --beatnix-on-primary: #FFFFFF;
  --beatnix-primary-hover: #0A5357;
  --beatnix-primary-pressed: #08464A;
  --beatnix-primary-text: #0C6468;

  /* Device colours */
  --dev-bobber: #1F9AA0;  --dev-bobber-c: #CDEBE8;  --dev-on-bobber-c: #132A2E;   /* teal */
  --dev-bopper: #EE6A4B;  --dev-bopper-c: #FBD9C3;  --dev-on-bopper-c: #132A2E;   /* coral sun */
  --dev-hopper: #F4B64D;  --dev-hopper-c: #F8E3AE;  --dev-on-hopper-c: #132A2E;   /* golden hour */
  --dev-wobbler: #5B6FA8; --dev-wobbler-c: #DCE2F2; --dev-on-wobbler-c: #132A2E;  /* dusk */
}

[data-beatnix-theme="dark"] {
  --beatnix-canvas: #0B1B20;            /* night sea */
  --beatnix-on-canvas: #FBF1E1;
  --beatnix-surface: #11262C;
  --beatnix-on-surface: #FBF1E1;
  --beatnix-surface-variant: #17323A;
  --beatnix-on-surface-variant: #AEBFBE;
  --beatnix-outline: #7D9194;
  --beatnix-outline-variant: #24414A;
  --beatnix-focus: #FBF1E1;

  --beatnix-primary: #5CC8C4;
  --beatnix-on-primary: #06292B;
  --beatnix-primary-hover: #86D9D5;
  --beatnix-primary-pressed: #5CC8C4;
  --beatnix-primary-text: #86D9D5;

  --dev-bobber: #5CC8C4;  --dev-bobber-c: #124749;  --dev-on-bobber-c: #CDEBE8;
  --dev-bopper: #F28A6C;  --dev-bopper-c: #5A2B1C;  --dev-on-bopper-c: #FBD9C3;
  --dev-hopper: #F4C46E;  --dev-hopper-c: #4C3A10;  --dev-on-hopper-c: #F8E3AE;
  --dev-wobbler: #8F9FD4; --dev-wobbler-c: #283257; --dev-on-wobbler-c: #DCE2F2;
}