/**
 * Cani in Casa Design Tokens
 *
 * Centralized visual primitives for the progressive component refactor.
 */

:root {
  --cic-color-primary: #0B7B4B;
  --cic-color-primary-dark: #075C38;
  --cic-color-secondary: #173829;
  --cic-color-accent: #D8963A;
  --cic-color-accent-dark: #B97824;

  --cic-color-text: #1D2721;
  --cic-color-text-muted: #5F6B64;
  --cic-color-heading: #173829;

  --cic-color-bg: #FFFFFF;
  --cic-color-bg-soft: #F7FAF7;
  --cic-color-bg-warm: #FBF6EC;
  --cic-color-border: #DDE6DF;

  --cic-color-success: #0B7B4B;
  --cic-color-warning: #D8963A;
  --cic-color-danger: #B42318;
  --cic-color-info: #2563EB;

  --cic-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cic-font-heading: "Lora", Georgia, "Times New Roman", serif;

  --cic-space-1: 4px;
  --cic-space-2: 8px;
  --cic-space-3: 12px;
  --cic-space-4: 16px;
  --cic-space-5: 24px;
  --cic-space-6: 32px;
  --cic-space-7: 48px;
  --cic-space-8: 64px;
  --cic-space-9: 96px;

  --cic-radius-sm: 8px;
  --cic-radius-md: 14px;
  --cic-radius-lg: 22px;
  --cic-radius-xl: 32px;
  --cic-radius-pill: 999px;

  --cic-shadow-sm: 0 4px 14px rgba(23, 56, 41, 0.08);
  --cic-shadow-md: 0 12px 32px rgba(23, 56, 41, 0.12);
  --cic-shadow-lg: 0 22px 60px rgba(23, 56, 41, 0.16);

  --cic-container: 1180px;
  --cic-container-wide: 1360px;
  --cic-header-height: 82px;

  --cic-transition-fast: 160ms ease;
  --cic-transition-base: 240ms ease;

  --color-primary: var(--cic-color-primary);
  --color-primary-dark: var(--cic-color-primary-dark);
  --color-secondary: var(--cic-color-secondary);
  --color-secondary-light: #2B5E43;
  --color-accent: var(--cic-color-accent);
  --color-accent-dark: var(--cic-color-accent-dark);
  --color-text: var(--cic-color-text);
  --color-text-light: var(--cic-color-text-muted);
  --color-bg: var(--cic-color-bg);
  --color-bg-light: var(--cic-color-bg-soft);
  --color-background: #FBFCFA;
  --color-border: var(--cic-color-border);
  --font-primary: var(--cic-font-body);
  --font-secondary: var(--cic-font-heading);
}