/* DIY Pilot — Webfonts */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Space+Mono:wght@400;700&display=swap');

/* DIY Pilot — Color tokens */
:root {
  --navy-950: #0E2032;
  --navy-900: #142B41;
  --navy-800: #1B3852;
  --navy-700: #213A50;
  --navy-600: #2C557A;
  --navy-500: #3B6E97;
  --navy-400: #5C8CB4;
  --navy-300: #8FB2D0;
  --navy-200: #C2D6E7;
  --navy-100: #E3EDF5;
  --navy-50:  #F1F6FA;

  --gold-900: #7A5417;
  --gold-800: #9A6E22;
  --gold-700: #B0812C;
  --gold-600: #C6913C;
  --gold-500: #D6A44E;
  --gold-400: #E4BB72;
  --gold-300: #EFD199;
  --gold-200: #F6E4C3;
  --gold-100: #FBF2DF;
  --gold-50:  #FDF9F0;

  --wood-700: #6B4A2B;
  --wood-600: #8A6338;
  --wood-500: #B08248;
  --wood-400: #C9A46B;
  --wood-300: #DFC79B;
  --wood-200: #EFE0C6;

  --ink-900: #1A1D22;
  --ink-800: #2A2E35;
  --ink-700: #3D434C;
  --ink-600: #565D68;
  --ink-500: #727A86;
  --ink-400: #98A0AC;
  --ink-300: #C3C9D2;
  --ink-200: #E1E5EB;
  --ink-150: #EBEEF2;
  --ink-100: #F2F4F7;
  --ink-50:  #F8F9FB;
  --white:   #FFFFFF;
  --canvas:  #FBFAF7;

  --green-600: #2E8B57;
  --green-500: #3CA76A;
  --green-100: #E4F3EA;
  --red-600:   #C4483B;
  --red-500:   #DB5B4D;
  --red-100:   #FBE7E3;
  --amber-600: #D08A1E;
  --amber-100: #FBEFD4;
  --info-600:  #2C6FB0;
  --info-100:  #E2EEF8;

  --brand:            var(--navy-700);
  --brand-strong:     var(--navy-900);
  --accent:           var(--gold-600);
  --accent-strong:    var(--gold-700);
  --border-subtle:    var(--ink-200);
  --border-default:   var(--ink-300);
  --border-strong:    var(--ink-400);

  /* Typography */
  --font-display: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'Space Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Radius */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-xs:  0 1px 2px rgba(20, 43, 65, 0.06);
  --shadow-sm:  0 2px 6px rgba(20, 43, 65, 0.08);
  --shadow-md:  0 6px 18px rgba(20, 43, 65, 0.10);
  --shadow-lg:  0 16px 40px rgba(20, 43, 65, 0.14);
  --shadow-accent: 0 8px 22px rgba(198, 145, 60, 0.28);
}

html { scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--canvas); }
a { color: var(--navy-600); text-decoration: none; }
a:hover { color: var(--gold-700); }
::selection { background: var(--gold-200); }