/*
  NUKRAX colour tokens (Final Colour & Visual Brand System v2.0).
  Values are copied from section 39a (dark) and 39b (light) of the specification.
  Only the tokens this app uses are listed; names and values are unchanged.
  Rules kept: #ABBED3 is a highlight, never a page/surface/text colour on light;
  no gradients; one floating-panel shadow; glow only as the input focus halo.
*/
:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  /* Background */
  --nukrax-color-bg-page: #151515;
  --nukrax-color-bg-recessed: #111111;
  --nukrax-color-bg-scrim: #080808;
  /* Surface */
  --nukrax-color-surface-base: #1A1A19;
  --nukrax-color-surface-input: #212121;
  --nukrax-color-surface-overlay: #20201F;
  --nukrax-color-surface-control: #2D2D2D;
  --nukrax-color-surface-control-hover: #373736;
  --nukrax-color-surface-control-pressed: #262625;
  --nukrax-color-surface-selected: #2B2B2A;
  --nukrax-color-surface-hover: #212121;
  --nukrax-color-surface-pressed: #111111;
  --nukrax-color-surface-disabled: #1F1F1E;
  --nukrax-color-surface-tag: #212121;
  /* Text */
  --nukrax-color-text-primary: #F0EFEC;
  --nukrax-color-text-secondary: #C3C2B7;
  --nukrax-color-text-muted: #898781;
  --nukrax-color-text-muted-accessible: #898781;
  --nukrax-color-text-placeholder: #8F8D87;
  --nukrax-color-text-disabled: #5E5D58;
  --nukrax-color-text-inverse: #0B0B0B;
  --nukrax-color-text-accent: #ABBED3;
  /* Border */
  --nukrax-color-border-default: #2D2D2D;
  --nukrax-color-border-subtle: #292929;
  --nukrax-color-border-hover: #3E3E3C;
  --nukrax-color-border-input: #383838;
  --nukrax-color-border-strong: #4D4D4C;
  /* Accent */
  --nukrax-color-accent: #ABBED3;
  --nukrax-color-accent-mark: #ABBED3;
  --nukrax-color-accent-soft: #2D3033;
  --nukrax-color-accent-border: #515961;
  --nukrax-color-accent-glow: #3F444A;
  /* Button */
  --nukrax-color-button-primary-bg: #FFFFFF;
  --nukrax-color-button-primary-bg-hover: #E9E8E4;
  --nukrax-color-button-primary-bg-pressed: #D7D6D2;
  --nukrax-color-button-primary-bg-disabled: #373736;
  --nukrax-color-button-primary-text-disabled: #6B6A66;
  --nukrax-color-button-destructive-bg: #C2453D;
  /* Status */
  --nukrax-color-status-success-text: #8DC7A6;
  --nukrax-color-status-success-bg: #262E29;
  --nukrax-color-status-success-border: #43594C;
  --nukrax-color-status-warning-text: #E3B766;
  --nukrax-color-status-warning-bg: #322C20;
  --nukrax-color-status-warning-border: #635334;
  --nukrax-color-status-error-text: #F28B82;
  --nukrax-color-status-error-bg: #342624;
  --nukrax-color-status-error-border: #69423E;
  /* Code (content colours) */
  --nukrax-color-code-keyword: #C586C0;
  --nukrax-color-code-string: #CE9178;
  /* Effect */
  --nukrax-color-shadow-overlay: #111111;
  /* Interaction */
  --nukrax-color-link: var(--nukrax-color-text-primary);
  --nukrax-color-link-hover: #FFFFFF;
  --nukrax-color-link-underline-hover: var(--nukrax-color-text-accent);
  --nukrax-color-focus-ring: var(--nukrax-color-text-accent);
  /* Fonts (families only) */
  --nukrax-font-ui: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --nukrax-font-mono: "Space Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}

:root[data-theme="light"] {
  color-scheme: light;
  --nukrax-color-bg-page: #FCFCFB;
  --nukrax-color-bg-recessed: #F6F6F5;
  --nukrax-color-bg-scrim: #A0A09F;
  --nukrax-color-surface-base: #FFFFFF;
  --nukrax-color-surface-input: #FEFEFD;
  --nukrax-color-surface-overlay: #20201F;
  --nukrax-color-surface-control: #FCFCFB;
  --nukrax-color-surface-control-hover: #F3F3F3;
  --nukrax-color-surface-control-pressed: #EAEAE8;
  --nukrax-color-surface-selected: #F3F3F3;
  --nukrax-color-surface-hover: #F2F2F1;
  --nukrax-color-surface-pressed: #EAEAE9;
  --nukrax-color-surface-disabled: #F3F3F2;
  --nukrax-color-surface-tag: #F0F0EF;
  --nukrax-color-text-primary: #0B0B0B;
  --nukrax-color-text-secondary: #52514E;
  --nukrax-color-text-muted: #898781;
  --nukrax-color-text-muted-accessible: #73726D;
  --nukrax-color-text-placeholder: #73726D;
  --nukrax-color-text-disabled: #B3B2AD;
  --nukrax-color-text-inverse: #FFFFFF;
  --nukrax-color-text-accent: #4A6A8E;
  --nukrax-color-border-default: #E3E3E2;
  --nukrax-color-border-subtle: #EDEDEC;
  --nukrax-color-border-hover: #D4D4D2;
  --nukrax-color-border-input: #E4E3E2;
  --nukrax-color-border-strong: #C4C4C2;
  --nukrax-color-accent: #ABBED3;
  --nukrax-color-accent-mark: #7595B7;
  --nukrax-color-accent-soft: #E4E9EF;
  --nukrax-color-accent-border: #CBD7E3;
  --nukrax-color-accent-glow: #E0E6ED;
  --nukrax-color-button-primary-bg: #0B0B0B;
  --nukrax-color-button-primary-bg-hover: #2A2A29;
  --nukrax-color-button-primary-bg-pressed: #3D3D3C;
  --nukrax-color-button-primary-bg-disabled: #E3E3E2;
  --nukrax-color-button-primary-text-disabled: #9B9A95;
  --nukrax-color-button-destructive-bg: #B3261E;
  --nukrax-color-status-success-text: #2B6F4E;
  --nukrax-color-status-success-bg: #E3EBE6;
  --nukrax-color-status-success-border: #B3CBBE;
  --nukrax-color-status-warning-text: #8A5A00;
  --nukrax-color-status-warning-bg: #EEE9DD;
  --nukrax-color-status-warning-border: #D4C3A3;
  --nukrax-color-status-error-text: #B3261E;
  --nukrax-color-status-error-bg: #F3E2E0;
  --nukrax-color-status-error-border: #E2B1AE;
  --nukrax-color-code-keyword: #CF222E;
  --nukrax-color-code-string: #0A3069;
  --nukrax-color-shadow-overlay: #CACAC9;
  --nukrax-color-link-hover: #000000;
}