/* assets/css/v2/tokens-news.css — Design tokens of the main site skin "Tech Gazette" (white, black, electric blue, Tajawal)
   keywords: tokens, css variables, news, #2433ff, Tajawal, 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: #2433ff;            /* 7.0:1 on white */
  --c-brand-ink: #ffffff;        /* text on brand */
  --c-brand-soft: #eceeff;
  --c-brand-strong: #1a26cc;
  --c-bg: #ffffff;
  --c-surface: #f5f5f7;
  --c-text: #0a0a0a;
  --c-muted: #55555f;            /* 7.4:1 on white */
  --c-line: #e3e3e8;
  --c-inverse-bg: #0a0a0a;       /* ticker bar, footer */
  --c-inverse-text: #ffffff;
  --c-focus: #2433ff;
  --c-danger: #c4001f;

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

  /* shape */
  --radius: 2px;                 /* newsprint: near-square corners */
  --radius-lg: 4px;
  --shadow: 0 1px 0 rgba(10, 10, 10, .08);
  --rule: 2px solid var(--c-text); /* editorial top rule */
}