/**
 * Inkwell Design System
 * Hospitality-grade design tokens and variables
 */

:root {
  /* Colors - Warm neutrals palette */
  --ink: #1A1A1A;
  --ink-light: #4A4A4A;
  --ink-lighter: #8A8A8A;
  --background: #FDFDFB;
  --background-alt: #F8F8F6;
  --terracotta: #D14D3A;
  --terracotta-hover: #B13E2E;
  --border: #E5E5E3;

  /* Typography - Web-safe fallbacks for hospitality fonts */
  --font-display: 'Tiempos Headline', 'Playfair Display', Georgia, serif;
  --font-body: 'Lyon Text', 'Merriweather', Georgia, serif;
  --font-ui: 'Suisse Intl', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Type scale */
  --text-xs: 0.8125rem;    /* 13px */
  --text-sm: 0.9375rem;    /* 15px */
  --text-base: 1.1875rem;  /* 19px - body text */
  --text-lg: 1.5rem;       /* 24px */
  --text-xl: 2rem;         /* 32px */
  --text-2xl: 2.5rem;      /* 40px */
  --text-3xl: 3rem;        /* 48px */
  --text-4xl: 4rem;        /* 64px */

  /* Line heights */
  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;
  --leading-loose: 2;       /* 32px for reading column */

  /* Spacing scale */
  --space-xs: 0.5rem;      /* 8px */
  --space-sm: 1rem;        /* 16px */
  --space-md: 1.5rem;      /* 24px */
  --space-lg: 2rem;        /* 32px */
  --space-xl: 3rem;        /* 48px */
  --space-2xl: 4rem;       /* 64px */
  --space-3xl: 6rem;       /* 96px */

  /* Layout */
  --reading-width: 680px;
  --max-width: 1280px;

  /* Transitions */
  --transition-base: 200ms ease;
  --transition-slow: 400ms ease;
}