/*
 * Starless Edits shared color tokens.
 * Keep this file limited to colors. Component layout belongs in module CSS.
 */
:root {
  --starless-primary: #981b2b;
  --starless-primary-dark: #6e141e;
  --starless-on-primary: #ffffff;
  --starless-success: #1b5e20;
  --starless-danger: #b71c1c;
  --starless-warning: #e6ad20;
  --starless-silver: #8e98a6;
  --starless-bronze: #c57448;
  --starless-info: #1565c0;
  --starless-special: #6b3fa0;

  --starless-light-background: #f4f5f7;
  --starless-light-surface: #ffffff;
  --starless-light-surface-muted: #f0f0f3;
  --starless-light-surface-raised: #f7f7f9;
  --starless-light-text: #1a1a1f;
  --starless-light-muted: #6b6b76;
  --starless-light-border: #dddde4;

  --starless-dark-background: #0d0e12;
  --starless-dark-surface: #1c1d24;
  --starless-dark-surface-muted: #24252e;
  --starless-dark-surface-raised: #292a33;
  --starless-dark-text: #f2f2f5;
  --starless-dark-muted: #a8a8b0;
  --starless-dark-border: #353742;

  --starless-background: var(--starless-light-background);
  --starless-surface: var(--starless-light-surface);
  --starless-surface-muted: var(--starless-light-surface-muted);
  --starless-surface-raised: var(--starless-light-surface-raised);
  --starless-text: var(--starless-light-text);
  --starless-muted: var(--starless-light-muted);
  --starless-border: var(--starless-light-border);
}

body.darkmode {
  --starless-background: var(--starless-dark-background);
  --starless-surface: var(--starless-dark-surface);
  --starless-surface-muted: var(--starless-dark-surface-muted);
  --starless-surface-raised: var(--starless-dark-surface-raised);
  --starless-text: var(--starless-dark-text);
  --starless-muted: var(--starless-dark-muted);
  --starless-border: var(--starless-dark-border);
  --starless-success: #a5d6a7;
  --starless-danger: #ef9a9a;
}