/* Furu Design System tokens — applied to Eastside Tennis Courts */

/* Webfonts */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&display=swap');

:root {
  /* ---- Warm neutrals ---- */
  --paper-0: #FBF8F2;
  --paper-1: #F4EFE6;
  --paper-2: #ECE4D6;
  --surface: #FEFCF8;

  --ink-900: #211C16;
  --ink-700: #463E33;
  --ink-500: #6E6557;
  --ink-300: #9A9080;
  --ink-100: #C9C0AF;

  --line:        #E5DCCD;
  --line-strong: #D3C8B4;

  /* ---- Brand ---- */
  --clay-700: #8F3F27;
  --clay-600: #A84C30;
  --clay-500: #C15B3C;
  --clay-300: #E0A98F;
  --clay-100: #F3DED3;

  --sage-500: #7C8466;
  --sage-100: #E3E6D8;

  --ochre-500: #C79A45;
  --ochre-100: #F1E5C7;

  /* ---- Semantic states ---- */
  --success-500: #5E7A52;  --success-100: #E2EBDB;
  --warning-500: #C7972F;  --warning-100: #F4E8C8;
  --danger-500:  #B24A36;  --danger-100:  #F2DAD2;
  --info-500:    #5E7187;  --info-100:    #DDE4EC;

  /* ---- Semantic aliases ---- */
  --bg-app:         var(--paper-0);
  --surface-card:   var(--surface);
  --surface-sunken: var(--paper-2);
  --surface-raised: var(--paper-1);

  --text-primary:   var(--ink-900);
  --text-secondary: var(--ink-500);
  --text-muted:     var(--ink-300);
  --text-on-accent: #FBF8F2;
  --text-disabled:  var(--ink-100);

  --border-subtle:   var(--line);
  --border-strong:   var(--line-strong);
  --border-hairline: 1px solid var(--border-subtle);

  --accent:       var(--clay-500);
  --accent-hover: var(--clay-600);
  --accent-press: var(--clay-700);
  --accent-tint:  var(--clay-100);

  /* ---- Fonts ---- */
  --font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-sans:  'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  /* ---- Type scale ---- */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.5rem;
  --text-xl:   2rem;

  /* ---- Weights ---- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ---- Leading / tracking ---- */
  --leading-tight:  1.05;
  --leading-snug:   1.2;
  --leading-normal: 1.55;
  --tracking-wide:  0.08em;

  /* ---- Spacing ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;

  /* ---- Radii ---- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   14px;
  --radius-pill: 999px;

  /* ---- Shadows ---- */
  --shadow-xs: 0 1px 2px rgba(33, 28, 22, 0.05);
  --shadow-sm: 0 2px 6px rgba(33, 28, 22, 0.06);
  --shadow-md: 0 10px 26px -10px rgba(33, 28, 22, 0.14);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
}