/* Semantic layout tokens (:root vs html.dark). Triplets for rgb(var(--as-*) / <alpha>). Matches theme-defaults.js SEM_ROOT / SEM_DARK. */
:root {
  --as-page: 249 250 251;
  --as-surface: 255 255 255;
  --as-field: 249 250 251;
  --as-inner: 249 250 251;
  --as-chip: 255 255 255;
  --as-heading-1: 17 24 39;
  --as-heading-2: 40 47 61;
  --as-heading-3: 62 69 83;
  --as-heading-4: 77 84 98;
  --as-heading-5: 92 99 113;
  --as-heading-6: 107 114 128;
  --as-text: 17 24 39;
  --as-text-accent: 55 65 81;
  --as-accent-text: 37 99 235;
  --as-text-muted: 75 85 99;
  --as-text-subtle: 107 114 128;
  --as-text-soft: 156 163 175;
  --as-placeholder: 156 163 175;
  --as-border: 229 231 235;
  --as-border-strong: 209 213 219;
  --as-border-deep: 229 231 235;
  --as-divider: 243 244 246;
  --as-hover: 243 244 246;
  --as-hover-strong: 243 244 246;
  --as-hover-soft: 249 250 251;
  --as-code: 243 244 246;
  --as-ring: 255 255 255;
}

html.dark {
  --as-page: 40 40 40;
  --as-surface: 60 56 54;
  --as-field: 60 56 54;
  --as-inner: 80 73 69;
  --as-chip: 60 56 54;
  --as-heading-1: 244 245 246;
  --as-heading-2: 225 222 218;
  --as-heading-3: 206 199 189;
  --as-heading-4: 193 184 170;
  --as-heading-5: 181 168 151;
  --as-heading-6: 168 153 132;
  --as-text: 235 219 178;
  --as-text-accent: 251 241 199;
  --as-accent-text: 100 149 144;
  --as-text-muted: 189 174 147;
  --as-text-subtle: 168 153 132;
  --as-text-soft: 189 174 147;
  --as-placeholder: 168 153 132;
  --as-border: 102 92 84;
  --as-border-strong: 146 131 116;
  --as-border-deep: 80 73 69;
  --as-divider: 80 73 69;
  --as-hover: 80 73 69;
  --as-hover-strong: 80 73 69;
  --as-hover-soft: 80 73 69;
  --as-code: 80 73 69;
  --as-ring: 80 73 69;
}