/* ============================================================
   Eucalipto Design System — Design Tokens
   Source: [Eucalipto] Design System (Figma MCP)
   ============================================================ */

:root {
  /* ── Colors: Primary ─────────────────────────────────────── */
  --color-primary-50:  #b8d6e3;
  --color-primary-500: #006b9a;
  --color-primary-600: #005a81;
  --color-primary-700: #004969;
  --color-primary-800: #003850;

  /* ── Colors: Neutral ─────────────────────────────────────── */
  --color-neutral-0:   #ffffff;
  --color-neutral-100: #fafafa;
  --color-neutral-300: #d2d2d3;
  --color-neutral-700: #585858;
  --color-neutral-800: #353535;
  --color-neutral-900: #171717;

  /* ── Colors: Bases ───────────────────────────────────────── */
  --color-bases-red-500: #b81426;

  /* ── Border Radius ───────────────────────────────────────── */
  --radius-none:   0px;
  --radius-small:  4px;
  --radius-medium: 8px;

  /* ── Spacing / Sizing ────────────────────────────────────── */
  --xxsmall:  4px;
  --xsmall:   8px;
  --medium:   8px;
  --xmedium:  24px;
  --xxlarge:  48px;

  /* ── Typography ──────────────────────────────────────────── */
  --font-heading:  'Poppins', sans-serif;
  --font-body:     'Open Sans', sans-serif;

  --text-display-size:   12px;
  --text-display-weight: 600;
  --text-h1-size:        40px;
  --text-h1-weight:      700;
  --text-h1-line-height: 48px;
  --text-h2-size:        24px;
  --text-h2-weight:      700;
  --text-h2-line-height: 24px;
  --text-body-size:      16px;
  --text-body-weight:    400;
  --text-body-line-height: 1.5;

  /* ── Shadows ─────────────────────────────────────────────── */
  --shadow-sidebar: 4px 0 4px 0 rgba(0, 0, 0, 0.25);
  --shadow-card:    0 1px 4px 0 rgba(0, 0, 0, 0.08);
}