/*
 * BuildPoint Renovations — design tokens
 *
 * ╔══════════════════════════════════════════════════════════════════════════╗
 * ║  DESIGN NOT LOCKED — PLACEHOLDER VALUES ONLY                           ║
 * ║                                                                          ║
 * ║  Real colors, fonts, and spacing ship after brand assets are provided.  ║
 * ║  Do NOT write component styles here until tokens are finalized.         ║
 * ║                                                                          ║
 * ║  Intended aesthetic: dark drafting / blueprint, Inter typeface,         ║
 * ║  bright glow-orange accent. Deliberately distinct from PointTech Pros.  ║
 * ╚══════════════════════════════════════════════════════════════════════════╝
 */

:root {
  /* ── Color: accent (placeholder — replace with brand orange) ── */
  --accent:        #ff6600;   /* PLACEHOLDER */
  --accent-hover:  #cc5200;   /* PLACEHOLDER */
  --accent-tint:   #fff0e6;   /* PLACEHOLDER */

  /* ── Color: ink scale (placeholder) ── */
  --ink-900: #0a0a0a;   /* PLACEHOLDER */
  --ink-800: #111111;   /* PLACEHOLDER */
  --ink-700: #3a3a3a;   /* PLACEHOLDER */
  --ink-600: #666666;   /* PLACEHOLDER */
  --ink-500: #999999;   /* PLACEHOLDER */

  /* ── Color: surface / paper (placeholder) ── */
  --line-400:   #cccccc;   /* PLACEHOLDER */
  --line-300:   #ebebeb;   /* PLACEHOLDER */
  --paper-200:  #f2f2f2;   /* PLACEHOLDER */
  --paper-100:  #ffffff;   /* PLACEHOLDER */

  /* ── Color: dark / blueprint sections (placeholder) ── */
  --dark:   #0d1117;   /* PLACEHOLDER */
  --dark-2: #161b22;   /* PLACEHOLDER */
  --white:  #ffffff;   /* PLACEHOLDER */

  /* ── Color: background (placeholder) ── */
  --bg: #f8f8f8;   /* PLACEHOLDER */

  /* ── Typography (placeholder — real stack is Inter) ── */
  --font-body:    'Inter', system-ui, sans-serif;   /* PLACEHOLDER */
  --font-display: 'Inter', system-ui, sans-serif;   /* PLACEHOLDER */
  --font-mono:    'JetBrains Mono', monospace;      /* PLACEHOLDER */

  /* ── Motion ── */
  --ease:     cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-fast: 150ms;
  --dur:      220ms;
  --dur-slow: 800ms;

  /* ── Layout ── */
  --max:  1240px;   /* PLACEHOLDER */
  --r:    6px;      /* PLACEHOLDER */
  --r-lg: 12px;     /* PLACEHOLDER */
}

/*
 * Component styles come after brand tokens are confirmed.
 * Next step: replace all PLACEHOLDER values above, then build out components.
 */