:root {
        --color-primary: #9c6c4c;
        --color-primary-dark: #7a5438;
        --color-primary-light: #b8895e;
        --color-olive: #84744c;
        --color-obsidian: #1a1a1a;
        --color-charcoal: #2b2b2b;
        --color-white: #ffffff;
        --color-off-white: #faf9f7;
        --color-cream: #f5f0ed;
        --color-warm-grey: #e8e4e0;

        --color-text: #1a1a1a;
        --color-text-secondary: #5a5a5a;
        --color-text-muted: #8a8a8a;
        --color-text-inverse: #ffffff;
        --color-border: #e5e0db;

        --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
        --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.06);
        --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.08);
        --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.1);

        --font-sans:
          "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;

        --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);

        --container: 1120px;
        --container-narrow: 780px;
      }