/* Texas Clearance Leads — design tokens */
:root {
  /* Brand colors */
  --tcl-orange: #BF5700;
  --tcl-orange-hover: #D4660A;
  --tcl-white: #FFFFFF;
  --tcl-black: #0A0A0A;
  --tcl-dark: #1A1A1A;
  --tcl-muted: #9A9A9A;
  --tcl-surface: #1A1A1A;
  --tcl-border: #2A2A2A;

  /* Semantic */
  --tcl-bg: var(--tcl-black);
  --tcl-fg: var(--tcl-white);
  --tcl-accent: var(--tcl-orange);
  --tcl-card: var(--tcl-dark);
  --tcl-success: #3D8B5A;

  /* Typography — system stack (Western-friendly sans) */
  --tcl-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --tcl-font-display: var(--tcl-font-sans);
  --tcl-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Radii */
  --tcl-radius-sm: 6px;
  --tcl-radius: 10px;
  --tcl-radius-lg: 16px;
  --tcl-radius-pill: 999px;

  /* Spacing */
  --tcl-space-1: 4px;
  --tcl-space-2: 8px;
  --tcl-space-3: 16px;
  --tcl-space-4: 24px;
  --tcl-space-5: 40px;

  /* Shadows */
  --tcl-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}