/* Palette: matcha green, pearly white, cream */
:root {
  --matcha-900: #34402a;
  --matcha-700: #5e7545;
  --matcha-500: #8da36b;
  --matcha-300: #bccaa4;
  --matcha-100: #e4ebd7;

  --pearl: #f8f7f3;
  --pearl-2: #fdfcfa;
  --pearl-sheen: linear-gradient(135deg, #fdfcfa 0%, #f4f1ea 38%, #f9f8f4 62%, #eef1e6 100%);

  --cream: #f3ead3;
  --cream-2: #e9dcb8;

  --ink: #2a3223;
  --muted: #6b7561;
  --line: rgba(94, 117, 69, .22);

  --radius: 24px;
  --shadow: 0 24px 60px -28px rgba(52, 64, 42, .45);
  --ease: cubic-bezier(.2, .7, .2, 1);

  --font-display: 'Cormorant Garamond', 'Noto Naskh Arabic', Georgia, serif;
  --font-body: 'Inter', 'Tajawal', system-ui, sans-serif;
}
html[lang='ar'] {
  --font-display: 'Noto Naskh Arabic', 'Cormorant Garamond', serif;
  --font-body: 'Tajawal', 'Inter', system-ui, sans-serif;
}