/* LMOFID Academy — Color tokens
   Brand: Primary Gold #C99206 · Ink #111111 · White #FFFFFF */
:root {
  /* ---- Brand gold scale ---- */
  --gold-50:  #FBF3E0;
  --gold-100: #F6E6BE;
  --gold-200: #EDD08A;
  --gold-300: #E0B655;
  --gold-400: #D4A22C;
  --gold-500: #C99206; /* PRIMARY */
  --gold-600: #A87A05;
  --gold-700: #855F05;
  --gold-800: #5E4404;
  --gold-900: #3D2D03;

  /* ---- Ink / neutral scale ---- */
  --ink-0:   #FFFFFF;
  --ink-50:  #F8F7F4;
  --ink-100: #EFEDE7;
  --ink-200: #DEDBD2;
  --ink-300: #C2BEB2;
  --ink-400: #989488;
  --ink-500: #6C6960;
  --ink-600: #494640;
  --ink-700: #2B2926;
  --ink-800: #1B1A18;
  --ink-900: #111111; /* SECONDARY / base black */

  /* ---- Semantic palette ---- */
  --green-500: #1E8E5A;
  --green-50:  #E5F3EC;
  --red-500:   #C0392B;
  --red-50:    #FBEAE8;
  --blue-500:  #2563B8;
  --blue-50:   #E7EFFA;

  /* ================= Semantic aliases ================= */
  --color-primary:        var(--gold-500);
  --color-primary-hover:  var(--gold-600);
  --color-primary-press:  var(--gold-700);
  --color-on-primary:     var(--ink-900);

  --color-accent-soft:    var(--gold-50);
  --color-accent-border:  var(--gold-200);

  /* surfaces */
  --surface-page:    var(--ink-0);
  --surface-subtle:  var(--ink-50);
  --surface-card:    var(--ink-0);
  --surface-inverse: var(--ink-900);

  /* text */
  --text-strong:  var(--ink-900);
  --text-body:    var(--ink-700);
  --text-muted:   var(--ink-500);
  --text-faint:   var(--ink-400);
  --text-on-dark: var(--ink-0);
  --text-on-dark-muted: var(--ink-300);
  --text-link:    var(--gold-700);

  /* borders */
  --border-subtle: var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong:  var(--ink-300);

  /* states */
  --color-success: var(--green-500);
  --color-success-bg: var(--green-50);
  --color-danger:  var(--red-500);
  --color-danger-bg: var(--red-50);
  --color-info:    var(--blue-500);
  --color-info-bg: var(--blue-50);

  --focus-ring: 0 0 0 3px rgba(201, 146, 6, 0.35);
}