/* My Learning Studio brand tokens. Source of truth: brand/tokens.css.
   Copies are made by `node brand/sync.mjs` and verified by `node brand/sync.mjs --check`. Do not edit the copies. */
:root {
  /* Blue: actions, links, focus, primary surfaces */
  --ls-blue-50: #f1f5ff;
  --ls-blue-100: #dfe8ff;
  --ls-blue-200: #c3d4ff;
  --ls-blue-300: #9db8fb;
  --ls-blue-400: #6f90f2;
  --ls-blue-500: #4469e8;
  --ls-blue-600: #2250e0;
  --ls-blue-700: #1a3fb5;
  --ls-blue-800: #162f85;

  /* Green: progress, success, highlights. Use 600+ for text, 500 for fills and graphics. */
  --ls-green-50: #effaf6;
  --ls-green-100: #d9f5ec;
  --ls-green-200: #b0ead6;
  --ls-green-300: #78d8b8;
  --ls-green-400: #3dc197;
  --ls-green-500: #0f9d78;
  --ls-green-600: #0a7a5a;
  --ls-green-700: #085f46;

  /* Neutrals */
  --ls-ink: #0e1c3a;
  --ls-ink-2: #53627f;
  --ls-ink-3: #7684a0;
  --ls-line: #e2e8f2;
  --ls-wash: #f6f8fc;
  --ls-surface: #ffffff;

  /* Status colours: only for errors, warnings and destructive actions */
  --ls-danger: #c62828;
  --ls-danger-bg: #fdecec;
  --ls-warn: #a85a00;
  --ls-warn-bg: #fff4e0;

  /* Semantic aliases: products should use these */
  --ls-primary: var(--ls-blue-600);
  --ls-primary-hover: var(--ls-blue-700);
  --ls-primary-soft: var(--ls-blue-100);
  --ls-primary-wash: var(--ls-blue-50);
  --ls-accent: var(--ls-green-500);
  --ls-accent-strong: var(--ls-green-600);
  --ls-accent-soft: var(--ls-green-100);
  --ls-success: var(--ls-green-600);
  --ls-success-bg: var(--ls-green-50);
  --ls-link: var(--ls-blue-600);
  --ls-focus-ring: var(--ls-blue-300);
  --ls-text: var(--ls-ink);
  --ls-text-muted: var(--ls-ink-2);

  /* Shape and depth */
  --ls-radius-sm: 8px;
  --ls-radius-md: 12px;
  --ls-radius-lg: 16px;
  --ls-radius-pill: 999px;
  --ls-shadow-sm: 0 2px 8px rgba(14, 28, 58, 0.06);
  --ls-shadow-md: 0 10px 28px rgba(14, 28, 58, 0.1);

  /* One typeface everywhere. Monospace is only for code. */
  --ls-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ls-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}