/* DoveBoard design tokens */

:root{
  /* --- brand anchors: exact, never alter --- */
  --db-ink: #141416;
  --db-bone: #EDEDEA;
  --db-indigo: #36477D;
  --db-plum: #6C5B7B;
  --db-rose: #C06C84;
  --db-coral: #F67280;

  /* --- neutral (plum-tinted) --- */
  --db-neutral-50: #EDEDEA;
  --db-neutral-100: #EEE8F4;
  --db-neutral-200: #DAD5E0;
  --db-neutral-300: #C2BDC7;
  --db-neutral-400: #A6A0AB;
  --db-neutral-500: #89848E;
  --db-neutral-600: #6B666F;
  --db-neutral-700: #555059;
  --db-neutral-800: #403B44;
  --db-neutral-900: #2B262F;
  --db-neutral-950: #141416;

  /* --- indigo --- */
  --db-indigo-50: #F1F5FF;
  --db-indigo-100: #E3EBFF;
  --db-indigo-200: #C7D7FF;
  --db-indigo-300: #A9BEF7;
  --db-indigo-400: #89A0E2;
  --db-indigo-500: #6C83C6;
  --db-indigo-600: #5064A3;
  --db-indigo-700: #36477D;
  --db-indigo-800: #2D3B67;
  --db-indigo-900: #1C2645;
  --db-indigo-950: #0F162B;

  /* --- plum --- */
  --db-plum-50: #F7F3FC;
  --db-plum-100: #EFE8F5;
  --db-plum-200: #DDD2E8;
  --db-plum-300: #C7B8D6;
  --db-plum-400: #AC9BBD;
  --db-plum-500: #907DA0;
  --db-plum-600: #6C5B7B;
  --db-plum-700: #5A4B67;
  --db-plum-800: #44384E;
  --db-plum-900: #2D2434;
  --db-plum-950: #1A141F;

  /* --- rose --- */
  --db-rose-50: #FFF1F4;
  --db-rose-100: #FFE3E9;
  --db-rose-200: #FDC7D4;
  --db-rose-300: #F0A8BA;
  --db-rose-400: #D9879D;
  --db-rose-500: #C06C84;
  --db-rose-600: #994B63;
  --db-rose-700: #7D394E;
  --db-rose-800: #5F293A;
  --db-rose-900: #401A26;
  --db-rose-950: #280D15;

  /* --- coral --- */
  --db-coral-50: #FFF1F2;
  --db-coral-100: #FFE3E4;
  --db-coral-200: #FFC7C9;
  --db-coral-300: #FFA1A7;
  --db-coral-400: #F67280;
  --db-coral-500: #DA5063;
  --db-coral-600: #B33047;
  --db-coral-700: #941E35;
  --db-coral-800: #711326;
  --db-coral-900: #4D0A18;
  --db-coral-950: #31040C;

  /* --- semantic --- */
  --db-success: #1B7B3C;
  --db-warning: #906300;
  --db-danger: #BC413A;

  /* --- roles: light theme (default) --- */
  --db-surface: #EDEDEA;
  --db-surface-raised: #EEE8F4;
  --db-surface-sunken: #DAD5E0;
  --db-border: #C2BDC7;
  --db-text: #141416;
  --db-text-muted: #555059;
  --db-primary: #5669A2;
  --db-primary-fill: #36477D;
  --db-on-primary: #EDEDEA;
  --db-secondary: #7D6094;
  --db-secondary-fill: #6C5B7B;
  --db-display-rose: #C06C84;
  --db-display-coral: #F67280;
  --db-success: #1B7B3C;
  --db-warning: #906300;
  --db-danger: #BC413A;
}

[data-theme='dark']{
  --db-surface: #141416;
  --db-surface-raised: #2B262F;
  --db-surface-sunken: #0E0C11;
  --db-border: #403B44;
  --db-text: #EDEDEA;
  --db-text-muted: #A6A0AB;
  --db-primary: #687CB6;
  --db-primary-fill: #687CB6;
  --db-on-primary: #141416;
  --db-secondary: #8F72A8;
  --db-secondary-fill: #8F72A8;
  --db-display-rose: #C06C84;
  --db-display-coral: #F67280;
  --db-success: #338F4E;
  --db-warning: #A77400;
  --db-danger: #D2554C;
  --db-success: #338F4E;
  --db-warning: #A77400;
  --db-danger: #D2554C;
}

/* signature gradient — the palette in sequence. display use only. */
.db-gradient{
  background: linear-gradient(160deg,
    #36477D 0%, #6C5B7B 38%, #C06C84 72%, #F67280 100%);
}