/* Generated by scripts/build-tutorial-tokens.ts — do not edit or commit. */
:root {
  /* Brand palette from src/lib/theme/const.ts */
  --color-primary-50: #F0FBFF;
  --color-primary-100: #E0F7FF;
  --color-primary-200: #B8EEFF;
  --color-primary-300: #66DDFF;
  --color-primary-400: #00C0EF;
  --color-primary-500: #00A8D4;
  --color-primary-600: #0090B8;
  --color-primary-700: #007799;
  --color-primary-800: #005970;
  --color-primary-900: #004052;
  --color-primary-950: #002833;
  --color-secondary-50: #FEFDFB;
  --color-secondary-100: #FDF9F3;
  --color-secondary-200: #FBF3E6;
  --color-secondary-300: #F7E9CC;
  --color-secondary-400: #EEB975;
  --color-secondary-500: #E5A94F;
  --color-secondary-600: #D18E2E;
  --color-secondary-700: #A87024;
  --color-secondary-800: #855920;
  --color-secondary-900: #6B491D;
  --color-secondary-950: #3D290F;
  --color-tertiary-50: #FEF5F1;
  --color-tertiary-100: #FDE8E0;
  --color-tertiary-200: #FBD0C1;
  --color-tertiary-300: #F7AF97;
  --color-tertiary-400: #F18766;
  --color-tertiary-500: #D76951;
  --color-tertiary-600: #C34E38;
  --color-tertiary-700: #A33E2D;
  --color-tertiary-800: #87362A;
  --color-tertiary-900: #713028;
  --color-tertiary-950: #3D1712;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --color-slate-800: #1e293b;
  --color-slate-900: #0f172a;
  --color-slate-950: #020617;
  --color-red-400: #f87171;
  --color-red-500: #ef4444;

  /* Light semantic tokens from src/app/globals.css (RGB tuples) */
  /* Surfaces */
  --color-surface: 255 255 255; /* white */
  --color-surface-secondary: 248 250 252; /* slate-50 */
  --color-surface-tertiary: 241 245 249; /* slate-100 */
  --color-surface-invert: 15 23 42; /* slate-900 */

  /* Borders */
  --color-border: 226 232 240; /* slate-200 */
  --color-border-strong: 203 213 225; /* slate-300 */

  /* Text */
  --color-text: 15 23 42; /* slate-900 */
  --color-text-secondary: 71 85 105; /* slate-600 */
  --color-text-tertiary: 100 116 139; /* slate-500 */
  --color-text-placeholder: 148 163 184; /* slate-400 */
  --color-text-invert: 255 255 255; /* white */
  --color-text-on-surface-secondary: 51 65 85; /* slate-700 */

  /* Interactive / Focus */
  --color-ring: 148 163 184; /* slate-400 */

  /* Skeleton / Loading */
  --color-skeleton: 226 232 240; /* slate-200 */

  /* Status — used by badges, alerts, dots */
  --color-success-bg: 240 253 244; /* green-50 */
  --color-success-text: 21 128 61; /* green-700 */
  --color-success-border: 34 197 94; /* green-500 */

  --color-advisory-bg: 254 252 232; /* yellow-50 */
  --color-advisory-text: 133 77 14; /* yellow-800 */
  --color-advisory-border: 234 179 8; /* yellow-500 */

  --color-warning-bg: 255 251 235; /* amber-50 */
  --color-warning-text: 180 83 9; /* amber-700 */
  --color-warning-border: 245 158 11; /* amber-500 */

  --color-error-bg: 254 242 242; /* red-50 */
  --color-error-text: 185 28 28; /* red-700 */
  --color-error-border: 239 68 68; /* red-500 */

  --color-info-bg: 240 251 255; /* primary-50 */
  --color-info-text: 0 119 153; /* primary-700 */
  --color-info-border: 0 168 212; /* primary-500 */
}