/* Brylabs / Lesson Lab color tokens — copied verbatim from Lesson Lab src/index.css */

:root {
  /* Surfaces */
  --bg: #F7F1EA;              /* paper — page base */
  --surface: #FFFFFF;         /* cards */
  --surface-2: #F1E9E0;       /* bands: trust bar, pricing band, footer */
  --border: #E7DACE;          /* warm border — most cards/sections */
  --shadow-rgb: 46, 18, 36;   /* @kind color */ /* plum shadow base */

  /* Text */
  --text: #26141F;
  --text-muted: #6E5A62;
  --text-subtle: #9A8890;
  --text-inverse: #F5ECE3;

  /* Primary plum */
  --primary: #6C2A4D;
  --primary-hover: #5E2443;
  --primary-pressed: #521F3B;
  --primary-soft: #F3EAF0;
  --on-primary-soft: #5E2443;

  --link: #6C2A4D;
  --link-hover: #5E2443;
  --focus-ring: #6C2A4D;

  /* Gold accent */
  --accent: #D9A63E;
  --accent-soft: #F0E4C6;
  --on-accent-soft: #7A5719;

  /* Semantic */
  --success: #3F9B6E;
  --success-soft: #EAF4EE;
  --on-success-soft: #2C6B4C;

  --warning: #B45309;
  --warning-soft: #FFEDD5;
  --on-warning-soft: #7C2D12;

  --error: #B91C1C;
  --error-soft: #FEE2E2;
  --on-error-soft: #7F1D1D;

  --info: #1D4ED8;
  --info-soft: #DBEAFE;
  --on-info-soft: #1E3A8A;

  /* RGB triplets for alpha composition: rgb(var(--x-rgb) / 0.3) */
  --bg-rgb: 247 241 234; /* @kind color */
  --surface-rgb: 255 255 255; /* @kind color */
  --surface-2-rgb: 241 233 224; /* @kind color */
  --border-rgb: 231 218 206; /* @kind color */
  --text-rgb: 38 20 31; /* @kind color */
  --text-muted-rgb: 110 90 98; /* @kind color */
  --text-subtle-rgb: 154 136 144; /* @kind color */
  --text-inverse-rgb: 245 236 227; /* @kind color */
  --primary-rgb: 108 42 77; /* @kind color */
  --primary-hover-rgb: 94 36 67; /* @kind color */
  --primary-pressed-rgb: 82 31 59; /* @kind color */
  --primary-soft-rgb: 243 234 240; /* @kind color */
  --on-primary-soft-rgb: 94 36 67; /* @kind color */
  --link-rgb: 108 42 77; /* @kind color */
  --focus-ring-rgb: 108 42 77; /* @kind color */
  --accent-rgb: 217 166 62; /* @kind color */
  --accent-soft-rgb: 240 228 198; /* @kind color */
  --on-accent-soft-rgb: 122 87 25; /* @kind color */
  --success-rgb: 63 155 110; /* @kind color */
  --success-soft-rgb: 234 244 238; /* @kind color */
  --on-success-soft-rgb: 44 107 76; /* @kind color */
  --warning-rgb: 180 83 9; /* @kind color */
  --error-rgb: 185 28 28; /* @kind color */
  --info-rgb: 29 78 216; /* @kind color */

  /* Landing page "Product Spotlight" plum/gold palette (lp-*) */
  --lp-paper: #F7F1EA;         /* paper background */
  --lp-band: #F1E9E0;          /* band background */
  --lp-ink: #2E1224;           /* ink plum — dark sections */
  --lp-plum: #6C2A4D;          /* primary plum */
  --lp-gold: #D9A63E;          /* gold accent (dark sections) */
  --lp-gold-deep: #C0902F;     /* gold text/checks on light */
  --lp-text: #26141F;          /* text primary */
  --lp-muted: #6E5A62;         /* text secondary */
  --lp-faint: #9A8890;         /* text faint / mono meta */
  --lp-body: #4A3B43;          /* app-window body text */
  --lp-tint: #F3EAF0;          /* tint plum — icon chips */
  --lp-border-strong: #DDCFC2; /* card border (outer): app window, pricing */
  --lp-border: #E7DACE;        /* warm border */
  --lp-hairline: #EFE6DB;      /* inner hairlines + hero grid lines */
  --lp-shell: #FBF7F1;         /* browser bar / rails */
  --lp-dot: #E4D3C4;           /* traffic-light dots */
  --lp-number: #C7B4A6;        /* mono card numbers */
  --lp-green: #3F9B6E;         /* success green dot/checks */
  --lp-green-text: #2C6B4C;
  --lp-green-bg: #EAF4EE;
  --lp-dark-text: #F5ECE3;     /* text on ink plum */
  --lp-dark-muted: #B79FAE;    /* subtext on ink plum */
  --lp-tube: #F0E4C6;          /* logo tube fill */
  --lp-announce: #EAD9C4;      /* announce-bar text on ink plum */
}