/* Dog Seva design tokens — from "Dog Seva Brand Sheet.dc.html".
   Shared by the marketing site (styles.css) and the admin panel (admin.css).
   Link this before either of them. */
:root {
  --primary: #FF6B35;
  --primary-strong: #E15420;
  --primary-light: #FF8A5E;
  --primary-tint: #FFEDE6;
  --primary-wash: #FFF7F3;
  --primary-faded: #FFD3BF;
  --secondary: #2E7D32;
  --secondary-tint: #E9F3EA;
  --secondary-wash: #EAF5EB;
  --secondary-deep: #1B5E20;
  --accent: #FFC107;
  --accent-tint: #FFF7DF;
  --accent-wash: #FFF8E1;
  --accent-deep: #8D6E00;
  --emergency: #C62828;
  --emergency-wash: #FFEBEE;
  --emergency-deep: #B71C1C;
  --indigo-tint: #EDEEFF;

  --ink: #212121;
  --ink-strong: #374151;
  --ink-soft: #4B5563;
  --ink-muted: #6B7280;
  --ink-faint: #9CA3AF;
  --ink-ghost: #C4C8CE;

  --surface: #fff;
  --canvas: #F8F9FA;
  --canvas-deep: #F1F3F5;
  --media-bg: #EEF1F4;
  --dark: #141414;

  --border: #E5E7EB;
  --border-hair: #E9EBEE;
  --border-soft: #F1F3F5;
  --border-dashed: #DDE1E6;

  --radius-control: 13px;
  --radius-button: 16px;
  --radius-card: 24px;
  --radius-sheet: 32px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(16, 24, 40, .06), 0 12px 30px rgba(16, 24, 40, .05);
  --shadow-primary: 0 14px 30px -12px rgba(255, 107, 53, .8);
  --shadow-panel: 0 18px 40px -20px rgba(16, 24, 40, .35);

  --shell: 1200px;
  --gutter: 28px;
  --header-height: 72px;

  --font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --ease: cubic-bezier(.2, .7, .3, 1);
}