/* Crop Desk design tokens – light-first, WCAG AA aim (psychology UX 2026-10-24)
   Meaning is never by colour alone; pair with text/icons. Prefer light theme. */
:root{
  /* Brand */
  --cd-primary:#0c6b62;
  --cd-primary-deep:#09574f;
  --cd-primary-soft:#e5f3f1;
  --cd-primary-ink:#f3fbf9;
  --cd-secondary:#1757a0;
  --cd-secondary-soft:#e9f1fb;

  /* Neutrals / surfaces */
  --cd-bg:#f7f9fc;
  --cd-surface:#ffffff;
  --cd-surface-2:#fffdf8;
  --cd-ink:#0f172a;
  --cd-text:#172334;
  --cd-muted:#475569;
  --cd-border:#dce4ed;
  --cd-border-strong:#b7c8de;

  /* Feedback (always with label/icon) */
  --cd-success:#15803d;
  --cd-success-bg:#dcfce7;
  --cd-warn:#a16207;
  --cd-warn-bg:#fef3c7;
  --cd-error:#b91c1c;
  --cd-error-bg:#fee2e2;
  --cd-info:#1d4ed8;
  --cd-info-bg:#dbeafe;

  /* Focus / chrome */
  --cd-focus:#2563eb;
  --cd-focus-ring:0 0 0 3px rgba(37,99,235,.28);
  --cd-radius:14px;
  --cd-radius-lg:18px;
  --cd-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06);
  --cd-shadow-md:0 4px 16px rgba(15,23,42,.08);
  --cd-tap:44px;
  --cd-max:1180px;
  --cd-font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;

  /* Type scale (rem) – use for new UI; do not force-global until Phase 2 */
  --cd-text-xs:0.75rem;
  --cd-text-sm:0.875rem;
  --cd-text-base:1rem;
  --cd-text-md:1.0625rem;
  --cd-text-lg:1.125rem;
  --cd-text-xl:1.25rem;
  --cd-text-2xl:1.5rem;
  --cd-text-3xl:clamp(1.75rem,4.5vw,2.25rem);
  --cd-text-4xl:clamp(1.9rem,5vw,2.75rem);
  --cd-leading-tight:1.2;
  --cd-leading:1.55;
  --cd-leading-loose:1.7;
  --cd-weight-regular:400;
  --cd-weight-semibold:600;
  --cd-weight-bold:700;
  --cd-weight-extrabold:800;

  /* Spacing scale (4px base) */
  --cd-space-1:4px;
  --cd-space-2:8px;
  --cd-space-3:12px;
  --cd-space-4:16px;
  --cd-space-5:20px;
  --cd-space-6:24px;
  --cd-space-8:32px;
  --cd-space-10:40px;
  --cd-space-12:48px;
  --cd-gap:var(--cd-space-3);
  --cd-pad:var(--cd-space-4);
  --cd-section-y:var(--cd-space-8);

  /* Extra radii / control sizes */
  --cd-radius-sm:8px;
  --cd-radius-md:var(--cd-radius);
  --cd-radius-xl:22px;
  --cd-radius-pill:999px;
  --cd-control-h:44px;
  --cd-control-h-lg:48px;
  --cd-z-header:50;
  --cd-z-overlay:80;

  /* Motion (subtle UX 2026-10-26) – short only; killed by prefers-reduced-motion in ux.css */
  --cd-ease:cubic-bezier(.22,1,.36,1);
  --cd-ease-out:cubic-bezier(.16,1,.3,1);
  --cd-fast:180ms;
  --cd-med:240ms;
  --cd-enter:360ms;
  --cd-shadow-hover:0 10px 24px rgba(15,23,42,.10);

  /* Back-compat aliases used across site.css / tools */
  --ink:var(--cd-ink);
  --muted:var(--cd-muted);
  --line:var(--cd-border);
  --paper:var(--cd-bg);
  --sheet:var(--cd-surface);
  --stamp:var(--cd-primary);
  --stamp-deep:var(--cd-primary-deep);
  --stamp-soft:var(--cd-primary-soft);
  --stamp-ink:var(--cd-primary-ink);
  --r:var(--cd-radius);
  --shadow:var(--cd-shadow);
  --shadow-md:var(--cd-shadow-md);
  --focus:3px solid var(--cd-focus);
  --max:var(--cd-max);
  --sans:var(--cd-font);
}