:root {
  --brand-900: #08312e;
  --brand-800: #0b4340;
  --brand-700: #0e5551;
  --brand-600: #147a74;
  --brand-500: #378e89;
  --brand-400: #5ba29e;
  --brand-200: #a1cac7;
  --brand-100: #dcebea;
  --brand-50: #ecf4f4;

  --accent-700: #c25330;
  --accent-600: #ce5833;
  --accent-500: #f2683c;
  --accent-400: #f58663;
  --accent-100: #fde8e2;

  --gold-600: #ba8231;
  --gold-500: #e8a33d;
  --gold-100: #fcf1e2;

  --success: #17954e;
  --success-dark: #12773e;
  --success-bg: #e3f2ea;
  --success-fg: #11703b;
  --success-line: #74bf95;

  --danger: #d64545;
  --danger-dark: #ab3737;
  --danger-bg: #fae9e9;
  --danger-fg: #a13434;
  --danger-line: #e68f8f;

  --warning: #e8a33d;
  --warning-dark: #ba8231;
  --warning-bg: #fcf4e8;
  --warning-fg: #ae7a2e;
  --warning-line: #f1c88b;

  --info: #3a76c4;
  --info-dark: #2e5e9d;
  --info-bg: #e7eff8;
  --info-fg: #2c5993;
  --info-line: #89addc;

  --radius-sm: 12px;
  --radius: 12px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

[data-theme="dark"] {
  --brand-50: #051f1d;
  --brand-100: #072b29;
  --brand-200: #093734;
  --accent-100: #3d1a0f;

  --success-bg: #051e10; --success-fg: #74bf95; --success-line: #0c4b27;
  --danger-bg: #2b0e0e; --danger-fg: #e68f8f; --danger-line: #6b2323;
  --warning-bg: #2e210c; --warning-fg: #f1c88b; --warning-line: #74521f;
  --info-bg: #0c1827; --info-fg: #89addc; --info-line: #1d3b62;

  --ink-900: #eaf2f1;
  --ink-800: #dbe6e5;
  --ink-700: #c2cfce;
  --ink-600: #a9b8b6;
  --ink-500: #93a3a1;
  --ink-400: #7b8b89;
  --ink-300: #64716f;

  --bg: #0b1414;
  --bg-alt: #101c1c;
  --panel: #141f1f;
  --panel-alt: #182525;
  --panel-sunk: #101a1a;
  --white: #101a1a;

  --line: #243131;
  --line-soft: #1c2727;
  --line-strong: #33413f;

  --link: #5ba29e;
  --link-hover: #7eb6b3;

  --topbar-bg: rgba(16, 26, 26, .82);
  --topbar-line: #243131;

  --sidebar-bg: #0a1616;
  --sidebar-bg-2: #071111;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .34), 0 2px 6px rgba(0, 0, 0, .26);
  --shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 8px 20px rgba(0, 0, 0, .36);
  --shadow-lg: 0 4px 8px rgba(0, 0, 0, .34), 0 18px 40px rgba(0, 0, 0, .46);
  --shadow-xl: 0 10px 20px rgba(0, 0, 0, .4), 0 32px 64px rgba(0, 0, 0, .58);
  --ring-brand: 0 0 0 3px rgba(20, 122, 116, .22);
  --ring-danger: 0 0 0 3px rgba(255, 122, 122, .2);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --brand-50: #051f1d;
    --brand-100: #072b29;
    --brand-200: #093734;
    --accent-100: #3d1a0f;

    --success-bg: #051e10; --success-fg: #74bf95; --success-line: #0c4b27;
    --danger-bg: #2b0e0e; --danger-fg: #e68f8f; --danger-line: #6b2323;
    --warning-bg: #2e210c; --warning-fg: #f1c88b; --warning-line: #74521f;
    --info-bg: #0c1827; --info-fg: #89addc; --info-line: #1d3b62;

    --ink-900: #eaf2f1; --ink-800: #dbe6e5; --ink-700: #c2cfce;
    --ink-600: #a9b8b6; --ink-500: #93a3a1; --ink-400: #7b8b89;
    --ink-300: #64716f;

    --bg: #0b1414; --bg-alt: #101c1c;
    --panel: #141f1f; --panel-alt: #182525; --panel-sunk: #101a1a;
    --white: #101a1a;

    --line: #243131; --line-soft: #1c2727; --line-strong: #33413f;

    --link: #5ba29e; --link-hover: #7eb6b3;

    --topbar-bg: rgba(16, 26, 26, .82); --topbar-line: #243131;

    --sidebar-bg: #0a1616; --sidebar-bg-2: #071111;

    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .34), 0 2px 6px rgba(0, 0, 0, .26);
    --shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 8px 20px rgba(0, 0, 0, .36);
    --shadow-lg: 0 4px 8px rgba(0, 0, 0, .34), 0 18px 40px rgba(0, 0, 0, .46);
    --shadow-xl: 0 10px 20px rgba(0, 0, 0, .4), 0 32px 64px rgba(0, 0, 0, .58);
    --ring-brand: 0 0 0 3px rgba(20, 122, 116, .22);
    --ring-danger: 0 0 0 3px rgba(255, 122, 122, .2);
  }
}