/**
 * Private Line — Quiet Authority design tokens
 * Shared with iOS DesignSystem (DSColor / DSFont / DSSpacing).
 * Accent: #C2142F (unified across iOS + web; replaces Tailwind red-600 / system red).
 */
:root {
  /* Warm ink ramp */
  --pl-ink-950: #0c0c0d;
  --pl-ink-900: #141416;
  --pl-ink-800: #1d1d20;
  --pl-ink-700: #2a2a2e;
  --pl-ink-600: #45454b;
  --pl-ink-500: #6b6b73;
  --pl-ink-400: #94949c;
  --pl-ink-300: #c2c2c7;
  --pl-ink-200: #e0dfdc;
  --pl-ink-100: #efede9;
  --pl-ink-50: #f8f6f3;

  /* Accent — Quiet Authority crimson */
  --pl-accent-dark: #8e0f26;
  --pl-accent: #c2142f;
  --pl-accent-bright: #d9354c;
  --pl-accent-tint: #f7e4e7;

  /* Semantic */
  --pl-success: #1f7a4d;
  --pl-success-tint: #e3f1ea;
  --pl-warning: #b26a00;
  --pl-warning-tint: #fbeedc;
  --pl-danger: #b3261e;
  --pl-danger-tint: #f8e5e3;
  --pl-info: #2d5fa8;
  --pl-info-tint: #e5edf8;

  /* Surfaces (light default for app shell; marketing may override) */
  --pl-bg: var(--pl-ink-50);
  --pl-surface: #ffffff;
  --pl-border: var(--pl-ink-200);
  --pl-text: var(--pl-ink-950);
  --pl-text-secondary: var(--pl-ink-500);
  --pl-text-tertiary: var(--pl-ink-400);

  /* Layout */
  --pl-radius-sm: 8px;
  --pl-radius-md: 12px;
  --pl-radius-lg: 16px;
  --pl-radius-xl: 20px;
  --pl-space-xs: 8px;
  --pl-space-sm: 12px;
  --pl-space-md: 16px;
  --pl-space-lg: 20px;
  --pl-space-xl: 24px;

  /* Direction B — marketing / microsite serif display */
  --pl-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --pl-font-serif: 'Libre Baskerville', Georgia, 'Times New Roman', serif;

  /* White-label accents */
  --pl-brand-private-line: #c2142f;
  --pl-brand-boat-wizards: #ff6b35;
  --pl-brand-safe-harbor: #003366;
}

html[data-theme="dark"],
.theme-dark {
  --pl-bg: var(--pl-ink-950);
  --pl-surface: var(--pl-ink-800);
  --pl-border: var(--pl-ink-700);
  --pl-text: var(--pl-ink-50);
  --pl-text-secondary: var(--pl-ink-400);
  --pl-text-tertiary: var(--pl-ink-500);
  --pl-accent-tint: #3a1018;
  --pl-success: #34c77b;
  --pl-success-tint: #143325;
  --pl-warning: #e0a040;
  --pl-warning-tint: #3a2a10;
  --pl-danger: #e5736b;
  --pl-danger-tint: #3a1512;
  --pl-info: #6b9ae8;
  --pl-info-tint: #152438;
}

/* Utility helpers for pages that load tokens.css without Tailwind rebuild */
.pl-bg { background-color: var(--pl-bg); }
.pl-surface { background-color: var(--pl-surface); }
.pl-text { color: var(--pl-text); }
.pl-text-secondary { color: var(--pl-text-secondary); }
.pl-accent { color: var(--pl-accent); }
.pl-bg-accent { background-color: var(--pl-accent); color: #fff; }
.pl-border { border-color: var(--pl-border); }
.pl-card {
  background: var(--pl-surface);
  border: 1px solid var(--pl-border);
  border-radius: var(--pl-radius-lg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.pl-display-serif {
  font-family: var(--pl-font-serif);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.pl-overline {
  font-family: var(--pl-font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pl-text-tertiary);
}