/* assets/css/v2/tokens-a1.css — Design tokens of the /apps/ skin "A1 Systems" (light corporate, #1b5cff, Almarai)
   keywords: tokens, css variables, a1 systems, #1b5cff, Almarai, contrast AA
   Values only: no selectors besides :root. Load after fonts.css and before base.css. Shared scales live in base.css. */
:root {
  /* colour */
  --c-brand: #1b5cff;            /* white on brand 5.2:1 */
  --c-brand-ink: #ffffff;
  --c-brand-soft: #eaf0ff;
  --c-brand-strong: #0f45cc;
  --c-bg: #ffffff;
  --c-surface: #f3f6fc;
  --c-text: #0f1b33;
  --c-muted: #4a5873;            /* 7.2:1 on white */
  --c-line: #dbe3f1;
  --c-inverse-bg: #0f1b33;
  --c-inverse-text: #ffffff;
  --c-focus: #1b5cff;
  --c-danger: #c4001f;

  /* type */
  --font-display: "Almarai", "Almarai Fallback", "Segoe UI", Tahoma, Arial, sans-serif;
  --font-body: "Almarai", "Almarai Fallback", "Segoe UI", Tahoma, Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --fw-body: 400;
  --fw-strong: 700;
  --fw-display: 800;

  /* shape */
  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 1px 2px rgba(15, 27, 51, .06), 0 8px 24px rgba(15, 27, 51, .06);
  --rule: 1px solid var(--c-line);
}