/* CoastCRM design tokens */

:root {
  color-scheme: dark;

  /* Surface */
  --ink: #0B0D10;
  --surface: #151A1F;
  --surface-2: #1C232A;
  --line: #242B32;
  --line-soft: #1B2128;
  --chrome-bg: rgba(11, 13, 16, 0.92);
  --chrome-bg-strong: rgba(11, 13, 16, 0.94);
  --overlay-bg: rgba(0, 0, 0, 0.55);

  /* Text */
  --text: #EDEFF1;
  --muted: #8A939C;
  --faint: #565F68;

  /* Brand, pulled from the CoastCRM wave mark */
  --blue: #1F9FD9;
  --blue-deep: #1B78CC;
  --blue-dim: #143E56;

  /* Status */
  --green: #4FAE7C;
  --red: #C4574B;
  --amber: #D9A441;

  /* Type */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Radius and shadow, kept restrained per the brief */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);
}

:root[data-theme="light"] {
  color-scheme: light;

  /* Surface */
  --ink: #F4F7FA;
  --surface: #FFFFFF;
  --surface-2: #EDF2F6;
  --line: #D5DEE6;
  --line-soft: #E7EDF2;
  --chrome-bg: rgba(244, 247, 250, 0.92);
  --chrome-bg-strong: rgba(244, 247, 250, 0.95);
  --overlay-bg: rgba(22, 32, 42, 0.32);

  /* Text */
  --text: #17212B;
  --muted: #5E6B76;
  --faint: #87939E;

  /* Brand */
  --blue: #168BC2;
  --blue-deep: #126FA9;
  --blue-dim: #DCEFF8;

  /* Status */
  --green: #2F8A5B;
  --red: #B84C42;
  --amber: #A97112;

  --shadow-card: 0 1px 3px rgba(23, 33, 43, 0.12);
}