/* 00-tokens.css - design tokens (colors, sizing, shadows) */

:root {
  /* Earthy Neutral Color Palette */
  --clay: #B8A99A;
  --sandstone: #D4BFA8;
  --taupe: #A38F7D;
  --ivory: #F5F0E6;
  --umber: #5C4A3A;

  /* Layout */
  --container: 1200px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;

  /* Shadows */
  --shadow-sm: 0 2px 10px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.15);
  --shadow-soft:
    0 2px 6px rgba(0,0,0,0.04),
    0 8px 22px rgba(0,0,0,0.06);

  /* Borders */
  --border-soft: 1px solid rgba(0,0,0,0.04);

  /* Motion */
  --ease: 0.3s ease;
}