/* RAAC design tokens, copied from app-v2.raac.io/src/app/theme.css (commit 37dbdc1, 2026-09-12).
   Do not edit by hand: re-copy the --raac-* blocks from the app when the palette changes.
   Light applies to Material's "default" scheme, dark to its "slate" scheme (and to a .dark class, as in the app). */

:root,
[data-md-color-scheme="default"] {
  /* surfaces */
  --raac-bg:            #F0EFEB;  /* page ground */
  --raac-surface:       #FFFEFA;  /* cards, table body */
  --raac-surface-sunk:  #E8E6E1;  /* wells, table headers */

  /* rules */
  --raac-line:          #DBD9D4;  /* hairline divider */
  --raac-line-strong:   #B7A798;  /* structural outline (malta) */

  /* ink */
  --raac-ink:           #100F0B;  /* primary text */
  --raac-ink-muted:     #43423E;  /* secondary text */
  --raac-ink-subtle:    #5C5B57;  /* labels, meta */

  /* brand */
  --raac-slate:         #334655;  /* pickled bluewood */
  --raac-slate-deep:    #1F2A33;
  --raac-geyser:        #D9E2E6;
  --raac-brandy:        #E2CBA2;
  --raac-janna:         #F3EBD3;
  --raac-malta:         #B7A798;
  --raac-east-side:     #CB97CE;

  /* row states (pre-blended: Tailwind 3 cannot alpha-modify var() colors) */
  --raac-row-hover:     #F5F5F2;  /* slate 5% over surface */
  --raac-row-active:    #ECF0F0;  /* geyser 50% over surface */

  /* feedback */
  --raac-positive-ink:  #2F6B78;
  --raac-negative-ink:  #8E403A;
  --raac-warning-ink:   #7A5E2E;
  --raac-positive-tint: #EAF2F4;
  --raac-negative-tint: #F7EBEA;
  --raac-warning-tint:  #F7F0E4;
  --raac-slate-tint:    #ECEFF1;
  --raac-positive:      #7ABECC;
  --raac-negative:      #CC807A;
  --raac-warning:       #CCAF7A;

  /* primary action; slate in light, brandy gold in dark */
  --raac-action:        #334655;
  --raac-action-hover:  #1F2A33;
  --raac-action-label:  #FFFEFA;
  --raac-on-fill:       #100F0B;  /* text on solid positive / warning fills */
  --raac-series:        #334655;  /* primary chart series */

  /* accent outlines: selected cards, focused fields, outlined controls */
  --raac-accent-line:   #334655;

  /* wash: wide selections (tabs, sidebar, option grids); small controls stay solid */
  --raac-wash:          #E3E9EC;
  --raac-wash-ink:      #334655;
  --raac-wash-rule:     #334655;

  /* detached tab bars (own border, outside a card): solid in light, where a wash is too faint */
  --raac-tab:           #334655;
  --raac-tab-ink:       #FFFEFA;
  --raac-tab-rule:      #334655;

  /* pointer-following highlight: on primary fills, and faintly on table rows */
  --raac-spotlight:     rgba(255, 254, 250, 0.22);
  --raac-spotlight-row: rgba(51, 70, 85, 0.07);

  --raac-overlay:       rgba(31, 42, 51, 0.28);
}

.dark,
[data-md-color-scheme="slate"] {
  color-scheme: dark;

  /* surfaces */
  --raac-bg:            #12110E;
  --raac-surface:       #1D1C18;
  --raac-surface-sunk:  #0E0D0B;

  /* rules */
  --raac-line:          #34322C;
  --raac-line-strong:   #5E5750;

  /* ink */
  --raac-ink:           #EDEBE4;
  --raac-ink-muted:     #BFBBB1;
  --raac-ink-subtle:    #99958B;

  /* brand */
  /* dark accent family is gold: every slate border, fill, ring and link follows */
  --raac-slate:         #E2CBA2;
  --raac-slate-deep:    #EDDAB8;
  --raac-geyser:        #403C31;
  --raac-brandy:        #CDB58C;  /* stays a visible gold: only used as a chart and bar fill */
  --raac-janna:         #2A251B;
  --raac-malta:         #6F675D;
  --raac-east-side:     #B98BBC;

  /* row states (re-blended over the dark surface) */
  --raac-row-hover:     #27251F;
  --raac-row-active:    #2F2C25;

  /* feedback */
  --raac-positive-ink:  #8FCAD6;
  --raac-negative-ink:  #E2A49E;
  --raac-warning-ink:   #D6BC88;
  --raac-positive-tint: #172629;
  --raac-negative-tint: #2B1B19;
  --raac-warning-tint:  #28221A;
  --raac-slate-tint:    #2D2A23;
  --raac-positive:      #7ABECC;
  --raac-negative:      #D48B85;
  --raac-warning:       #D1B37D;

  /* primary action: brandy gold in dark */
  --raac-action:        #E2CBA2;
  --raac-action-hover:  #EDDAB8;
  --raac-action-label:  #12110E;
  --raac-on-fill:       #12110E;

  /* chart series stay blue so they don't merge with the gold UI or warning series */
  --raac-series:        #9CB1C2;

  --raac-accent-line:   #6B5F4A;  /* muted gold so outlines stay quieter than fills */

  --raac-wash:          #3D382E;
  --raac-wash-ink:      #E2CBA2;
  --raac-wash-rule:     #E2CBA2;

  --raac-tab:           #3D382E;
  --raac-tab-ink:       #E2CBA2;
  --raac-tab-rule:      #E2CBA2;

  --raac-spotlight:     rgba(255, 255, 255, 0.5);
  --raac-spotlight-row: rgba(226, 203, 162, 0.08);

  --raac-overlay:       rgba(0, 0, 0, 0.6);
}