/**
 * DEV Mason RAW II — unified design tokens (TruGuard: homepage, marketplace, vault, shell)
 */
:root {
  /* Shell (Concept A / Footer C) */
  --bg: #0d1117;
  --bg2: #010409;
  --panel: #161b22;
  --panel2: #0b1220;
  --line: rgba(255, 255, 255, 0.12);
  --line-light: rgba(21, 21, 21, 0.08);
  --text: #f0f6fc;
  --muted: #8b949e;
  --blue: #008ed6;
  --blue2: #47c3ff;
  --blue-bright: #47c3ff;
  --green: #3fb950;
  --purple: #a371f7;
  --ink: #151515;
  --soft: #f6f8fa;
  --soft2: #f2f4f7;
  --light: #f6f8fa;
  --card: #fff;
  --border: #d8dee4;
  --light-muted: #57606a;
  --max: 1200px;
  --font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --brand: Raleway, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --radius: 14px;
  --radius-lg: 26px;
  --radius-xl: 34px;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
  --shadow-soft: 0 10px 40px rgba(15, 23, 32, 0.06);
  --shadow2: 0 30px 90px rgba(0, 0, 0, 0.28);

  /* Aliases (marketplace standalone) */
  --dws-bg: var(--bg);
  --dws-bg-dark: var(--bg2);
  --dws-panel: var(--panel);
  --dws-line: var(--line);
  --dws-line-light: var(--line-light);
  --dws-text: var(--text);
  --dws-muted: var(--muted);
  --dws-blue: var(--blue);
  --dws-blue-bright: var(--blue-bright);
  --dws-ink: var(--ink);
  --dws-light: var(--light);
  --dws-card: var(--card);
  --dws-border: var(--border);
  --dws-light-muted: var(--light-muted);
  --dws-secondary-text: #0f1720;
  --dws-secondary-muted: #667085;
  --dws-secondary-line: rgba(15, 23, 32, 0.08);
  --dws-secondary-strong-line: rgba(15, 23, 32, 0.12);
  --dws-accent: #111827;
  --dws-tertiary-ink: #101418;
  --dws-radius: var(--radius);
  --dws-radius-lg: var(--radius-lg);
  --dws-radius-xl: var(--radius-xl);
  --dws-max: var(--max);
  --dws-shadow: var(--shadow);
  --dws-soft-shadow: var(--shadow-soft);
  --dws-font: var(--font);
  --dws-brand-font: var(--brand);
  --dws-white: #ffffff;
  --dws-gray-50: #f7f8fa;
  --dws-gray-100: #eef1f4;
  --dws-gray-200: #e2e7ec;

  /* Shell layout (Gen 2 sticky offsets) */
  --shell-announcement-h: 38px;
  --shell-header-h: 76px;
  --shell-popular-h: 48px;
  --shell-mobile-nav-top: calc(var(--shell-announcement-h) + var(--shell-header-h));
  --shell-sticky-top: calc(var(--shell-announcement-h) + var(--shell-header-h) + var(--shell-popular-h));
  --ink-soft: rgba(21, 21, 21, 0.71);
  --brand-font: var(--brand);
}
