:root {
  color-scheme: light;

  /* Release 1.1: LMS-owned tokens derived from verified ERP runtime facts. */
  --color-primary: #E64422;
  --color-background: #F4F1EB;
  --color-surface: #FFFDFA;
  --color-text: #211D18;
  --color-secondary: #8B371F;

  --color-on-primary: #FFFFFF;
  --color-text-strong-muted: #382F26;
  --color-text-supporting: #62594F;
  --color-text-muted: #6D6359;
  --color-border: #DDD4C7;
  --color-divider: #E2DBD1;
  --color-control-border: #A89D90;
  --color-control-background: #FFFFFF;
  --color-neutral-background: #FAF7F2;
  --color-hover-background: #F3E9DE;

  --color-primary-border: #C53519;
  --color-success: #287C45;
  --color-success-strong: #1D6236;
  --color-success-border: #5B9A6E;
  --color-success-background: #EDF8F0;
  --color-warning: #704514;
  --color-warning-background: #FFF2DC;
  --color-error: #8A1C0D;
  --color-error-border: #B72F1B;
  --color-error-background: #FFF0ED;
  --color-danger: #B72F1B;
  --color-danger-border: #9F2412;

  --font-family-ui: Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;

  --radius-control: 0.55rem;
  --radius-card: 0.85rem;
  --radius-auth: 1rem;
  --shadow-card: 0 0.7rem 2.2rem rgb(52 37 21 / 7%);
  --shadow-auth: 0 1.25rem 3.5rem rgb(52 37 21 / 10%);
  --focus-outline: 3px solid rgb(230 68 34 / 35%);
  --focus-offset: 2px;

  /* Compatibility aliases override both app.css and the legacy brand layer. */
  --brand-orange: var(--color-primary);
  --brand-black: var(--color-text);
  --brand-white: var(--color-surface);
  --brand-lime: var(--color-warning-background);
  --brand-font-family: var(--font-family-ui);
  --brand-heading-font-family: var(--font-family-ui);
  --brand-color-primary: var(--color-primary);
  --brand-color-on-primary: var(--color-on-primary);
  --brand-color-accent: var(--color-secondary);

  --ui-page: var(--color-background);
  --ui-surface: var(--color-surface);
  --ui-text: var(--color-text);
  --ui-muted: var(--color-text-muted);
  --ui-link: var(--color-secondary);
  --ui-border: var(--color-border);
  --ui-radius-small: var(--radius-control);
  --ui-radius-medium: var(--radius-card);
  --ui-radius-large: var(--radius-auth);
  --ui-content-width: 78rem;
  --ui-reading-width: 46rem;
}