/**
 * JaxBeachTech — Design Tokens
 * Matches the editorial/luxury aesthetic of the landing page.
 */

:root {
  /* Core palette */
  --ink:    #0e1117;
  --paper:  #f8f5ef;
  --gold:   #b8922a;
  --gold2:  #d4a843;
  --warm:   #e8e0d0;
  --muted:  #7a7060;
  --rule:   #c8bfaa;
  --light:  #f0ebe1;
  --white:  #ffffff;
  --error:  #8b2e2e;
  --success:#2e6b3e;

  /* Typography */
  --serif:  Georgia, 'Times New Roman', serif;
  --sans:   -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, Helvetica, Arial, sans-serif;

  /* Spacing scale */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  2rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;

  /* Layout */
  --max-width: 1200px;
  --content-width: 760px;
  --sidebar-width: 280px;
  --header-height: 80px;

  /* Borders & radius */
  --radius-sm: 2px;
  --radius-md: 4px;
  --border: 1px solid var(--rule);

  /* Shadows */
  --shadow-sm: 0 1px 4px rgba(14,17,23,.06);
  --shadow-md: 0 4px 16px rgba(14,17,23,.10);
  --shadow-lg: 0 8px 32px rgba(14,17,23,.14);

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 0.25s;
}