/**
 * Lintora web — design SSoT (colors, type scale, radii).
 * Other stylesheets must use var() references here, not duplicate literals.
 */
:root {
  /* Pointer parallax (-1..1), set by js/ambient-pointer.js */
  --px: 0;
  --py: 0;

  /* Surfaces */
  --color-bg: #070d16;
  --color-bg-elevated: rgba(17, 24, 39, 0.65);
  --color-text: #f8fafc;
  --color-muted: #94a3b8;
  --color-border: rgba(148, 163, 184, 0.1);
  --color-border-strong: rgba(148, 163, 184, 0.18);

  /* Depth */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 80px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 60px rgba(45, 212, 191, 0.08);
  --radius-card: 18px;
  --radius-btn: 12px;

  /* Brand wordmark (text, not image): matches prior logo-02 intent. Keep in sync with fills in ../assets/favicon.svg */
  --brand-lint: #2dd4bf;
  --brand-ora: #e2e8f8;
  --brand-type-weight: 800;
  --brand-type-tracking: -0.035em;
  --brand-type-size: clamp(1.35rem, 3.5vw, 1.75rem);

  /* Accent UI */
  --color-accent: #34d399;
  --color-accent-dim: rgba(52, 211, 153, 0.15);
  --color-accent-pressed: #042f1f;

  /* Typography: Source Sans 3 — high x-height, strong screen readability */
  --font-sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Layout */
  --content-max: 68rem;
  /* Centered reading column (main + footer); header still spans wrap */
  --content-main: min(58rem, 100%);

  /* Header nav: matte teal (Lint wordmark hue, lower chroma than accent green) */
  --color-nav-link: rgba(118, 168, 162, 0.92);
  --color-nav-link-hover: rgba(200, 228, 223, 0.96);
  --color-nav-hover-surface: rgba(45, 212, 191, 0.055);
  --color-nav-hover-border: rgba(45, 212, 191, 0.12);
  --color-focus-ring: rgba(45, 212, 191, 0.32);
  --color-grid-line: rgba(52, 211, 153, 0.045);
  --color-grid-line-far: rgba(52, 211, 153, 0.028);

  /* Policy directory cards (lintora-web policies section — SSoT for entry chrome) */
  --radius-policy-entry: 14px;
  --policy-entry-surface-wash: linear-gradient(
    145deg,
    rgba(45, 212, 191, 0.07) 0%,
    rgba(10, 17, 30, 0.92) 42%,
    rgba(10, 17, 30, 0.96) 100%
  );
  --policy-entry-border: rgba(148, 163, 184, 0.16);
  --policy-entry-border-inner: rgba(148, 163, 184, 0.09);
  --policy-entry-shadow: 0 12px 48px rgba(0, 0, 0, 0.42);
  --policy-entry-accent-line: linear-gradient(180deg, #5eead4 0%, #34d399 55%, rgba(52, 211, 153, 0.35) 100%);
  --policy-eyebrow-bg: rgba(45, 212, 191, 0.11);
  --policy-eyebrow-border: rgba(45, 212, 191, 0.22);
  --policy-eyebrow-text: #99f6e4;
  --policy-id-bg: rgba(7, 13, 22, 0.9);
  --policy-id-border: rgba(52, 211, 153, 0.2);
}