/**
 * Almendra Soft & Caring — Design Tokens
 * @see docs/design/almendra_soft_caring/DESIGN.md
 */

:root {
  /* Colors — Primary */
  --color-primary: #0058be;
  --color-on-primary: #ffffff;
  --color-primary-container: #2170e4;
  --color-on-primary-container: #fefcff;
  --color-primary-fixed: #d8e2ff;
  --color-primary-fixed-dim: #adc6ff;
  --color-on-primary-fixed: #001a42;
  --color-inverse-primary: #adc6ff;
  --color-surface-tint: #005ac2;

  /* Colors — Secondary */
  --color-secondary: #9d4300;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #fd761a;
  --color-on-secondary-container: #5c2400;
  --color-secondary-fixed: #ffdbca;
  --color-secondary-fixed-dim: #ffb690;
  --color-on-secondary-fixed: #341100;

  /* Colors — Tertiary */
  --color-tertiary: #006949;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #00855d;
  --color-on-tertiary-container: #f5fff7;
  --color-tertiary-fixed: #68fcbf;
  --color-tertiary-fixed-dim: #45dfa4;
  --color-on-tertiary-fixed: #002114;
  --color-on-tertiary-fixed-variant: #005137;

  /* Colors — Surfaces */
  --color-background: #f9f9ff;
  --color-on-background: #111c2d;
  --color-surface: #f9f9ff;
  --color-on-surface: #111c2d;
  --color-on-surface-variant: #424754;
  --color-surface-white: #ffffff;
  --color-surface-variant: #d8e3fb;
  --color-surface-container: #e7eeff;
  --color-surface-container-low: #f0f3ff;
  --color-surface-container-high: #dee8ff;
  --color-surface-container-highest: #d8e3fb;
  --color-bg-sky: #f0f8ff;
  --color-inverse-surface: #263143;
  --color-inverse-on-surface: #ecf1ff;

  /* Colors — Utility */
  --color-outline: #727785;
  --color-outline-variant: #c2c6d6;
  --color-muted-slate: #64748b;
  --color-accent-sun: #fbbf24;
  --color-whatsapp: #347c55;
  --color-error: #ba1a1a;
  --color-error-container: #ffdad6;
  --color-on-error: #ffffff;
  --color-sello-purple: #8168ff;

  /* Typography */
  --font-family: "Nunito Sans", "Nunito", system-ui, -apple-system, sans-serif;
  --text-hero: clamp(2.45rem, 13vw, 4.8rem);
  --text-headline: clamp(1.55rem, 6vw, 2.25rem);
  --text-body-lg: 1.12rem;
  --text-body-md: 1rem;
  --text-label: 0.95rem;
  --text-caption: 0.82rem;

  /* Spacing */
  --space-xs: 0.35rem;
  --space-sm: 0.65rem;
  --space-md: 1rem;
  --space-lg: 1.35rem;
  --space-xl: 2rem;
  --space-xxl: 3rem;
  --container-max: 1120px;
  --content-max: 760px;
  --section-padding: clamp(52px, 9vw, 86px);

  /* Radii */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-card: 0 8px 30px rgba(100, 116, 139, 0.08);
  --shadow-hover: 0 20px 40px rgba(100, 116, 139, 0.12);

  /* Transitions */
  --transition-fast: 160ms ease;
  --transition-base: 300ms ease;
}