/**
 * Nature Holiday Trip — centralized design tokens
 * Public + Admin inherit from these variables.
 * Do not introduce Inter/purple SaaS look; keep travel/nature brand.
 */
:root {
  /* Brand — Nature */
  --nh-ink: #10231c;
  --nh-muted: #5b6b63;
  --nh-mist: #e8f2ec;
  --nh-leaf: #1f6b4a;
  --nh-leaf-deep: #0f3d2c;
  --nh-leaf-soft: #d8efe4;
  --nh-sand: #f4efe6;
  --nh-line: rgba(16, 35, 28, 0.12);
  --nh-surface: #ffffff;
  --nh-danger: #b91c1c;
  --nh-warning: #b45309;
  --nh-success: #15803d;

  /* Typography */
  --nh-font-display: "Fraunces", Georgia, serif;
  --nh-font-body: "DM Sans", system-ui, -apple-system, sans-serif;
  --nh-fs-xs: 0.75rem;
  --nh-fs-sm: 0.875rem;
  --nh-fs-md: 1rem;
  --nh-fs-lg: 1.125rem;
  --nh-fs-h3: clamp(1.05rem, 1.6vw, 1.2rem);
  --nh-fs-h2: clamp(1.4rem, 2.4vw, 1.75rem);
  --nh-fs-h1: clamp(2.1rem, 5vw, 3.4rem);
  --nh-lh: 1.6;
  --nh-lh-tight: 1.25;

  /* Layout / chrome */
  --nh-radius-sm: 10px;
  --nh-radius: 14px;
  --nh-radius-lg: 18px;
  --nh-radius-pill: 999px;
  --nh-shadow-sm: 0 6px 18px rgba(16, 35, 28, 0.06);
  --nh-shadow: 0 10px 28px rgba(16, 35, 28, 0.08);
  --nh-shadow-lg: 0 18px 40px rgba(16, 35, 28, 0.12);
  --nh-ease: 200ms ease;
  --nh-container: 1240px;
  --nh-focus: 0 0 0 3px rgba(31, 107, 74, 0.22);

  /* Legacy aliases (public style.css compatibility) */
  --primary: var(--nh-leaf);
  --secondary: var(--nh-mist);
  --white: var(--nh-surface);
  --text: var(--nh-ink);
  --muted: var(--nh-muted);
  --border: var(--nh-line);
  --accent: var(--nh-leaf);
  --container: var(--nh-container);
  --radius: var(--nh-radius);
  --shadow: var(--nh-shadow);

  /* Package page aliases */
  --pkg-ink: var(--nh-ink);
  --pkg-mist: var(--nh-mist);
  --pkg-leaf: var(--nh-leaf);
  --pkg-leaf-deep: var(--nh-leaf-deep);
  --pkg-sand: var(--nh-sand);
  --pkg-line: var(--nh-line);
  --pkg-display: var(--nh-font-display);
  --pkg-body: var(--nh-font-body);
  --pkg-fs-xs: var(--nh-fs-xs);
  --pkg-fs-sm: var(--nh-fs-sm);
  --pkg-fs-md: var(--nh-fs-md);
  --pkg-fs-lg: var(--nh-fs-lg);
  --pkg-fs-h3: var(--nh-fs-h3);
  --pkg-fs-h2: var(--nh-fs-h2);
  --pkg-fs-h1: var(--nh-fs-h1);

  /* Admin aliases */
  --sidebar: #0f1a16;
  --sidebar-hover: #1a2e26;
  --admin-primary: var(--nh-leaf);
  --admin-body: #f3f6f4;
  --admin-card: var(--nh-surface);
  --admin-text: var(--nh-ink);
  --admin-muted: var(--nh-muted);
  --admin-border: #e2e8e4;
  --success: var(--nh-success);
  --danger: var(--nh-danger);
  --warning: var(--nh-warning);
}

/* Shared focus ring for interactive controls */
:where(a, button, input, textarea, select, summary):focus-visible {
  outline: none;
  box-shadow: var(--nh-focus);
}