/* ============================================================
   NORRTH STUDIO — DESIGN TOKENS
   Single source of truth for brand values. Change a value here,
   not inside components.css / sections.css.
   Brand orange sampled directly from Aesthetic/Final aesthetics/Logo.png
   ============================================================ */
:root{
  /* Brand */
  --accent:       #F25F01;
  --accent-dark:  #a94201;
  --accent-light: rgba(242, 95, 1, 0.12);

  /* Surfaces */
  --bg:            #0a0a0a;
  --bg-alt:        #0d0d0d;
  --bg-card:       #141414;
  --bg-card-hover: #181818;

  /* Lines */
  --line:        #2a2a2a;
  --line-strong: #3a3a3a;

  /* Text */
  --ink:       #f5f3ef;
  --muted:     #9a968f;
  --muted-dim: #6f6b65;

  /* Type */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* Shape */
  --radius:    6px;
  --radius-lg: 12px;

  /* Layout */
  --wrap:       1160px;
  --nav-height: 76px;

  /* Motion */
  --ease:       cubic-bezier(.4,0,.2,1);
  --transition: 0.2s var(--ease);

  /* Shadow */
  --shadow-card: 0 8px 24px rgba(0,0,0,.35);
  --shadow-lg:   0 20px 50px rgba(0,0,0,.45);
}