/* DarWood design tokens — single source of truth for the visual identity.
   The wood palette is preserved exactly from the original site. */
:root{
  /* Palette */
  --c1:#2B1A0D;   /* darkest wood */
  --c2:#5C3D1E;
  --c3:#8B5E2F;
  --c4:#C49A56;   /* gold accent */
  --c5:#F0E6D3;   /* sand */
  --c6:#FAF7F2;   /* paper */
  --white:#FFFFFF;
  --gray:#6B6358;
  --gray2:#9C9188;
  --line:#E5DDD0;
  --line2:#D6CDB8;
  --green:#1E6B47;
  --red:#B23530;
  --gold-soft:rgba(196,154,86,.14);
  --green-soft:rgba(30,107,71,.1);
  --red-soft:rgba(178,53,48,.06);

  /* Typography */
  --font:'Cairo',sans-serif;
  --fs-xs:.72rem;
  --fs-sm:.82rem;
  --fs-base:.95rem;
  --fs-md:1.05rem;
  --fs-lg:1.3rem;
  --fs-xl:1.7rem;
  --fs-2xl:2.3rem;
  --fs-3xl:2.7rem;

  /* Spacing */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:22px;
  --sp-6:28px;
  --sp-7:42px;
  --sp-8:60px;
  --sp-9:88px;

  /* Radius */
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-pill:999px;

  /* Shadows */
  --sh-sm:0 4px 16px rgba(43,26,13,.06);
  --sh-md:0 12px 32px rgba(43,26,13,.08);
  --sh-lg:0 20px 60px rgba(43,26,13,.18);
}