/*
 * Academia MG — design tokens.
 *
 * The single source of truth for colour, elevation and theme. Extracted from
 * mg-ops-dashboard so that MG surfaces share one visual language rather than
 * drifting apart. Dark is the default; light is an explicit opt-in carried on
 * html[data-theme='light'].
 */

:root {
  --bg: #080808;
  --bg-raised: #101010;
  --surface: rgba(20, 20, 20, 0.92);
  --surface-strong: #171717;
  --surface-soft: #111111;

  --text: #f6f6f3;
  --text-soft: #c8c8c4;
  --text-muted: #929292;

  --border: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 255, 255, 0.17);

  --accent: #c9ff28;
  --accent-soft: rgba(201, 255, 40, 0.12);
  --accent-hover: #d8ff63;

  --success: #5ee29b;
  --success-soft: rgba(94, 226, 155, 0.12);
  --warning: #f5c451;
  --warning-soft: rgba(245, 196, 81, 0.12);
  --danger: #ff7f7f;
  --danger-soft: rgba(255, 127, 127, 0.12);

  --shadow-md: 0 18px 48px rgba(0, 0, 0, 0.26);
  --shadow-lg: 0 30px 90px rgba(0, 0, 0, 0.48);

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

  /* Editorial measure — long-form copy should never exceed this. */
  --measure: 62ch;
  --measure-tight: 46ch;
}

html[data-theme='light'] {
  --bg: #f2f3ef;
  --bg-raised: #f7f8f4;
  --surface: rgba(255, 255, 255, 0.94);
  --surface-strong: #ffffff;
  --surface-soft: #f4f5f0;

  --text: #111111;
  --text-soft: #3f403c;
  --text-muted: #6f706b;

  --border: rgba(17, 17, 17, 0.10);
  --border-strong: rgba(17, 17, 17, 0.17);

  --accent: #86b900;
  --accent-soft: rgba(134, 185, 0, 0.12);
  --accent-hover: #729e00;

  --success: #168653;
  --success-soft: rgba(22, 134, 83, 0.10);
  --warning: #a06b00;
  --warning-soft: rgba(160, 107, 0, 0.10);
  --danger: #be3d3d;
  --danger-soft: rgba(190, 61, 61, 0.10);

  --shadow-md: 0 18px 48px rgba(38, 42, 28, 0.10);
  --shadow-lg: 0 30px 90px rgba(38, 42, 28, 0.14);
}