/* DalosTech Website Tokens — Brutalist Systems Mapping */

:root {
  --brand-name: "DalosTech";
  --brand-tagline: "Minimal systems. Maximal leverage.";

  /* Primitive aliases (Tailwind-style naming for mapping clarity). */
  --tw-neutral-950: var(--dt-ink);
  --tw-neutral-50: var(--dt-white);
  --tw-slate-900: var(--dt-slate);
  --tw-fog-100: var(--dt-fog);
  --tw-gray-500: var(--dt-gray);
  --tw-signal-500: var(--dt-accent);

  /* Typography */
  --font-display: "Rajdhani", var(--dt-font-display);
  --font-body: "IBM Plex Sans", var(--dt-font-sans);
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Layout */
  --container: 1240px;
  --gutter: clamp(16px, 3.2vw, 30px);

  /* Shape */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --border-w: 1px;
  --border-w-strong: 2px;

  /* Motion */
  --motion-fast: 120ms;
  --motion-base: 160ms;
  --motion-slow: 180ms;

  /* Semantic dark theme (default). */
  --bg: var(--tw-neutral-950);
  --bg-alt: #0f131c;
  --bg-rail: #0d1421;
  --fg: #f3f1ec;
  --muted: #c6c2ba;
  --subtle: #94908a;
  --border: #2f3747;
  --border-strong: #4f5a71;
  --panel: #111826;
  --panel-strong: #151f31;
  --rail-surface: #0f1929;
  --rail-border: #3a4558;
  --panel-stack-1: #101a2a;
  --panel-stack-2: #141f31;
  --divider-soft: color-mix(in srgb, var(--border) 60%, transparent);
  --divider-hard: color-mix(in srgb, var(--border-strong) 82%, transparent);
  --signal: var(--tw-signal-500);
  --signal-fg: #090b10;
  --focus-color: color-mix(in srgb, var(--signal) 66%, transparent);
  --focus-ring: 0 0 0 3px var(--focus-color);
  --shadow-1: 0 0 0 1px rgba(255, 255, 255, 0.03), 0 18px 46px rgba(0, 0, 0, 0.5);
}

html[data-theme="light"] {
  --bg: #e7e3d8;
  --bg-alt: #ddd8c9;
  --bg-rail: #ccc7b7;
  --fg: #090b10;
  --muted: #242b38;
  --subtle: #435062;
  --border: #68768b;
  --border-strong: #344053;
  --panel: #f4f1e8;
  --panel-strong: #ece7da;
  --rail-surface: #d8d2c1;
  --rail-border: #4f5d72;
  --panel-stack-1: #ebe6d9;
  --panel-stack-2: #e4dece;
  --divider-soft: color-mix(in srgb, #55637a 62%, transparent);
  --divider-hard: color-mix(in srgb, #2f3d52 86%, transparent);
  --signal: #dc550d;
  --signal-fg: #f3f1ec;
  --focus-color: color-mix(in srgb, var(--signal) 64%, transparent);
  --focus-ring: 0 0 0 3px var(--focus-color);
  --shadow-1: 0 0 0 1px rgba(9, 11, 16, 0.12), 0 12px 28px rgba(9, 11, 16, 0.14);
}