/* Design color tokens — Coast / Sunshine / Prospera, Light + Dark.
   Light is the default block; dark applies when data-mode="dark" is set on the
   same element (swap for @media (prefers-color-scheme: dark) if you prefer).
   Generated by generate_palettes.py — do not hand-edit. */

/* Coast — Light */
[data-theme="coast"] {
  --color-brand-primary: #0056FF;
  --color-brand-secondary: #0F2A63;
  --color-action-primary-hover: #0F2A63;
  --color-text-primary: #000000;
  --color-text-secondary: #626262;
  --color-text-secondary-muted: #62626233;
  --color-border-default: #F4F4F4;
  --color-surface-background: #FAFAFA;
  --color-surface-default: #FFFFFF;
  --color-surface-highlight: #D6EBFF;
  --color-neutral-white: #FFFFFF;
  --color-neutral-black: #000000;
  --color-feedback-success: #3D8612;
  --color-feedback-success-surface: #ECF3E8;
  --color-feedback-success-text: #38770D;
  --color-feedback-success-muted: #3D861233;
  --color-feedback-warning: #CA5000;
  --color-feedback-warning-surface: #FFF2C8;
  --color-feedback-warning-muted: #CA50001A;
  --color-feedback-error: #D0021B;
  --color-feedback-error-surface: #FBE6E9;
  --color-feedback-error-muted: #D0021B1A;
}

/* Coast — Dark */
[data-theme="coast"][data-mode="dark"] {
  --color-brand-primary: #5C9DFF;
  --color-brand-secondary: #86ABE6;
  --color-action-primary-hover: #8FB6FF;
  --color-text-primary: #ECECEC;
  --color-text-secondary: #ABABAB;
  --color-text-secondary-muted: #FFFFFF3D;
  --color-border-default: #3A3A3A;
  --color-surface-background: #121212;
  --color-surface-default: #1E1E1E;
  --color-surface-highlight: #182A40;
  --color-neutral-white: #FFFFFF;
  --color-neutral-black: #000000;
  --color-feedback-success: #7AC555;
  --color-feedback-success-surface: #16240F;
  --color-feedback-success-text: #93D870;
  --color-feedback-success-muted: #7AC55533;
  --color-feedback-warning: #FF9A52;
  --color-feedback-warning-surface: #2C2010;
  --color-feedback-warning-muted: #FF9A521A;
  --color-feedback-error: #FF6B77;
  --color-feedback-error-surface: #2C151A;
  --color-feedback-error-muted: #FF6B771A;
}

/* Sunshine — Light */
[data-theme="sunshine"] {
  --color-brand-primary: #007A6A;
  --color-brand-secondary: #FAA82B;
  --color-action-primary-hover: #00552F;
  --color-text-primary: #353535;
  --color-text-secondary: #7B6E6B;
  --color-text-secondary-muted: #7B6E6B33;
  --color-border-default: #EFEFEF;
  --color-surface-background: #FAFAFA;
  --color-surface-default: #FFFFFF;
  --color-surface-highlight: #E6F3ED;
  --color-neutral-white: #FFFFFF;
  --color-neutral-black: #000000;
  --color-feedback-success: #3D8612;
  --color-feedback-success-surface: #ECF3E8;
  --color-feedback-success-text: #38770D;
  --color-feedback-success-muted: #3D861233;
  --color-feedback-warning: #CA5000;
  --color-feedback-warning-surface: #FFF2C8;
  --color-feedback-warning-muted: #CA50001A;
  --color-feedback-error: #D0021B;
  --color-feedback-error-surface: #FBE6E9;
  --color-feedback-error-muted: #D0021B1A;
}

/* Sunshine — Dark */
[data-theme="sunshine"][data-mode="dark"] {
  --color-brand-primary: #3FC8B0;
  --color-brand-secondary: #FFC04D;
  --color-action-primary-hover: #63D7C1;
  --color-text-primary: #ECECEC;
  --color-text-secondary: #ABABAB;
  --color-text-secondary-muted: #FFFFFF3D;
  --color-border-default: #3A3A3A;
  --color-surface-background: #121212;
  --color-surface-default: #1E1E1E;
  --color-surface-highlight: #15241D;
  --color-neutral-white: #FFFFFF;
  --color-neutral-black: #000000;
  --color-feedback-success: #7AC555;
  --color-feedback-success-surface: #16240F;
  --color-feedback-success-text: #93D870;
  --color-feedback-success-muted: #7AC55533;
  --color-feedback-warning: #FF9A52;
  --color-feedback-warning-surface: #2C2010;
  --color-feedback-warning-muted: #FF9A521A;
  --color-feedback-error: #FF6B77;
  --color-feedback-error-surface: #2C151A;
  --color-feedback-error-muted: #FF6B771A;
}

/* Prospera — Light */
[data-theme="prospera"] {
  --color-brand-primary: #003C71;
  --color-brand-secondary: #F15C6C;
  --color-action-primary-hover: #004D7D;
  --color-text-primary: #000000;
  --color-text-secondary: #626262;
  --color-text-secondary-muted: #62626233;
  --color-border-default: #F4F4F4;
  --color-surface-background: #FAFAFA;
  --color-surface-default: #FFFFFF;
  --color-surface-highlight: #F8B4BC;
  --color-neutral-white: #FFFFFF;
  --color-neutral-black: #000000;
  --color-feedback-success: #3D8612;
  --color-feedback-success-surface: #ECF3E8;
  --color-feedback-success-text: #38770D;
  --color-feedback-success-muted: #3D861233;
  --color-feedback-warning: #CA5000;
  --color-feedback-warning-surface: #FFF2C8;
  --color-feedback-warning-muted: #CA50001A;
  --color-feedback-error: #D0021B;
  --color-feedback-error-surface: #FBE6E9;
  --color-feedback-error-muted: #D0021B1A;
}

/* Prospera — Dark */
[data-theme="prospera"][data-mode="dark"] {
  --color-brand-primary: #5B9BE0;
  --color-brand-secondary: #FF8591;
  --color-action-primary-hover: #84B6EA;
  --color-text-primary: #ECECEC;
  --color-text-secondary: #ABABAB;
  --color-text-secondary-muted: #FFFFFF3D;
  --color-border-default: #3A3A3A;
  --color-surface-background: #121212;
  --color-surface-default: #1E1E1E;
  --color-surface-highlight: #2A1A1F;
  --color-neutral-white: #FFFFFF;
  --color-neutral-black: #000000;
  --color-feedback-success: #7AC555;
  --color-feedback-success-surface: #16240F;
  --color-feedback-success-text: #93D870;
  --color-feedback-success-muted: #7AC55533;
  --color-feedback-warning: #FF9A52;
  --color-feedback-warning-surface: #2C2010;
  --color-feedback-warning-muted: #FF9A521A;
  --color-feedback-error: #FF6B77;
  --color-feedback-error-surface: #2C151A;
  --color-feedback-error-muted: #FF6B771A;
}