/* Light color scheme */

:root, [data-theme="light"] {
  /* Page & surfaces */
  --c-page: 255 255 255;
  --c-surface: 255 255 255;
  --c-surface-muted: 250 250 250;
  --c-surface-alt: 244 244 245;

  /* Text hierarchy */
  --c-primary: 24 24 27;
  --c-heading: 39 39 42;
  --c-secondary: 63 63 70;
  --c-tertiary: 82 82 91;
  --c-muted: 113 113 122;
  --c-placeholder: 161 161 170;

  /* Borders */
  --c-edge: 212 212 216;
  --c-edge-light: 228 228 231;
  --c-edge-subtle: 244 244 245;

  /* Interactive */
  --c-primary-hover: 63 63 70;
  --c-secondary-hover: 228 228 231;
  --c-focus: 161 161 170;

  /* Buttons */
  --c-btn: 24 24 27;
  --c-btn-hover: 63 63 70;
  --c-btn-text: 255 255 255;

  /* Shadows */
  --c-shadow: 63 63 70;

  /* Brand */
  --c-brand: 253 79 0;

  /* Status */
  --c-success: 5 150 105;
  --c-success-hover: 4 120 87;

  /* Info */
  --c-info-bg: 236 253 245;
  --c-info-text: 6 95 70;
  --c-info-ring: 16 185 129;

  /* Danger */
  --c-danger-bg: 255 241 242;
  --c-danger-text: 225 29 72;
  --c-danger-ring: 244 63 94;

  /* Accent */
  --c-accent-bg: 219 234 254;
  --c-accent-text: 29 78 216;
  --c-accent: 37 99 235;
  --c-accent-hover: 59 130 246;

  /* Contrast text */
  --c-on-success: 255 255 255;
  --c-on-accent: 255 255 255;

  /* Nav */
  --c-nav-bg: 24 24 27;
  --c-nav-text: 228 228 231;
  --c-nav-accent: 255 255 255;

  /* Editor (CodeMirror) */
  --c-editor-bg: 255 255 255;
  --c-editor-text: 24 24 27;
  --c-editor-gutter-bg: 250 250 250;
  --c-editor-gutter-text: 113 113 122;
  --c-editor-line-active: 244 244 245;
  --c-editor-selection: 219 234 254;
  --c-editor-cursor: 24 24 27;
}

/* Dark color scheme */

[data-theme="dark"] {
  /* Page & surfaces */
  --c-page: 24 24 27;
  --c-surface: 39 39 42;
  --c-surface-muted: 30 30 33;
  --c-surface-alt: 52 52 56;

  /* Text hierarchy */
  --c-primary: 244 244 245;
  --c-heading: 228 228 231;
  --c-secondary: 212 212 216;
  --c-tertiary: 161 161 170;
  --c-muted: 113 113 122;
  --c-placeholder: 82 82 91;

  /* Borders */
  --c-edge: 63 63 70;
  --c-edge-light: 52 52 56;
  --c-edge-subtle: 39 39 42;

  /* Interactive */
  --c-primary-hover: 212 212 216;
  --c-secondary-hover: 63 63 70;
  --c-focus: 113 113 122;

  /* Buttons */
  --c-btn: 244 244 245;
  --c-btn-hover: 228 228 231;
  --c-btn-text: 24 24 27;

  /* Shadows */
  --c-shadow: 0 0 0;

  /* Brand */
  --c-brand: 253 79 0;

  /* Status */
  --c-success: 16 185 129;
  --c-success-hover: 5 150 105;

  /* Info */
  --c-info-bg: 6 78 59;
  --c-info-text: 167 243 208;
  --c-info-ring: 4 120 87;

  /* Danger */
  --c-danger-bg: 76 5 25;
  --c-danger-text: 251 113 133;
  --c-danger-ring: 190 18 60;

  /* Accent */
  --c-accent-bg: 30 58 138;
  --c-accent-text: 191 219 254;
  --c-accent: 59 130 246;
  --c-accent-hover: 96 165 250;

  /* Contrast text */
  --c-on-success: 255 255 255;
  --c-on-accent: 255 255 255;

  /* Nav */
  --c-nav-bg: 17 17 19;
  --c-nav-text: 228 228 231;
  --c-nav-accent: 255 255 255;

  /* Editor (CodeMirror) */
  --c-editor-bg: 30 30 33;
  --c-editor-text: 212 212 216;
  --c-editor-gutter-bg: 24 24 27;
  --c-editor-gutter-text: 113 113 122;
  --c-editor-line-active: 39 39 42;
  --c-editor-selection: 30 58 138;
  --c-editor-cursor: 244 244 245;
}