/* L'ovedbaby shared design tokens.
   Imported by @lovedbaby/ui/styles/global.css and bridged into the legacy
   admin PHP shell through apps/admin/app/resources/css/tokens.css. */
:root {
  color-scheme: light;
  --color-product-gold: #ba8d47;
  --color-product-gold-strong: #a07435;
  /* Deep bronze gold used as a fill behind light/inverse text. Dark enough
     that --color-text-inverse meets WCAG AA (~5.6:1), unlike the lighter
     brand golds above. */
  --color-product-gold-deep: #8a5a32;
  --color-product-earth: #383024;
  --color-background: #f8f3ea;
  --color-surface: #fffaf2;
  --color-surface-raised: #fffdf7;
  --color-surface-sunken: #f1e9da;
  --color-surface-soft: #fef9ec;
  --color-text: #241f18;
  --color-text-muted: #766a5b;
  --color-text-subtle: #998c79;
  --color-text-inverse: #fffaf2;
  --color-border: #e5d6bf;
  --color-border-strong: #c9b48d;
  --tone-neutral-bg: #ece2cf;
  --tone-neutral-fg: #5a4f3d;
  --tone-gold-bg: #f3deb4;
  --tone-gold-fg: #7a5a1a;
  --tone-success-bg: #d6ebd4;
  --tone-success-fg: #34602f;
  --tone-warn-bg: #f5dfb5;
  --tone-warn-fg: #8a5a1a;
  --tone-danger-bg: #f1c8c8;
  --tone-danger-fg: #8a2f2f;
  --tone-info-bg: #d4dff0;
  --tone-info-fg: #2e4d7a;
  --tone-violet-bg: #ddd5ee;
  --tone-violet-fg: #4a3a7a;
  --tint-gold-soft: color-mix(in srgb, var(--color-product-gold) 8%, var(--color-surface));
  --tint-gold-soft-strong: color-mix(in srgb, var(--color-product-gold) 14%, var(--color-surface));
  --font-sans:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgb(56 48 36 / 6%);
  --shadow-md: 0 4px 14px rgb(56 48 36 / 8%);
  --shadow-lg: 0 18px 48px rgb(56 48 36 / 14%);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.5rem;
  --content-max-width: 1240px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --duration-fast: 120ms;
  --duration-base: 180ms;
  --duration-slow: 280ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-emphasized: cubic-bezier(0.34, 1.3, 0.64, 1);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-product-gold) 35%, transparent);
  /* Canonical keyboard-focus indicator, used app-wide (shell + islands). */
  --focus-outline: 2px solid var(--color-product-gold);
  --focus-outline-offset: 2px;
}