/*
 * Package 94 — Authoritative customer palette (front-end only).
 * White #FFFFFF, Brown #6B4423, Green #51B035, Blue #69A1C8,
 * Orange #EA8336, Leaf #749F4E, Coral #D6978C, Yellow #EFC63B, Charcoal #1C1917
 */

:root {
    /* Authoritative anchors */
    --aanya-white: #ffffff;
    --aanya-brown: #6b4423;
    --aanya-green: #51b035;
    --aanya-blue: #69a1c8;
    --aanya-orange: #ea8336;
    --aanya-leaf: #749f4e;
    --aanya-coral: #d6978c;
    --aanya-yellow: #efc63b;
    --aanya-charcoal: #1c1917;

    /* Brown scale */
    --brown-50: #f6f0ea;
    --brown-100: #ebe0d4;
    --brown-200: #d6c4b0;
    --brown-300: #b89572;
    --brown-400: #8d6238;
    --brown-500: #6b4423;
    --brown-600: #56361c;
    --brown-700: #422a16;
    --brown-800: #2f1e10;
    --brown-900: #1f140a;

    /* Green scale */
    --green-50: #edf6e8;
    --green-100: #d8ecd0;
    --green-200: #b8dda8;
    --green-300: #8fc97a;
    --green-400: #6bc04f;
    --green-500: #51b035;
    --green-600: #42902c;
    --green-700: #357424;
    --green-800: #29591c;
    --green-900: #1d4014;

    /* Warm neutrals */
    --neutral-0: #ffffff;
    --neutral-50: #faf8f5;
    --neutral-100: #f3efe8;
    --neutral-200: #e5dec9;
    --neutral-300: #cfc8be;
    --neutral-400: #9a9288;
    --neutral-500: #6f6760;
    --neutral-600: #524c46;
    --neutral-700: #3d3834;
    --neutral-800: #2a2623;
    --neutral-900: #1c1917;
    --neutral-950: #12100e;

    /* Typography scale */
    --font-size-display: clamp(2.5rem, 4.8vw, 3.75rem);
    --font-size-h1: clamp(2rem, 3vw, 2.65rem);
    --font-size-h2: clamp(1.55rem, 2.2vw, 2rem);
    --font-size-h3: clamp(1.25rem, 1.8vw, 1.5rem);
    --font-size-h4: 1.125rem;
    --font-size-body-lg: 1.0625rem;
    --font-size-body: 1rem;
    --font-size-body-sm: 0.9375rem;
    --font-size-label: 0.8125rem;
    --font-size-caption: 0.75rem;
    --font-size-eyebrow: 0.75rem;

    --line-height-display: 1.08;
    --line-height-heading: 1.2;
    --line-height-body: 1.65;
    --line-height-tight: 1.35;

    --font-weight-regular: 400;
    --font-weight-medium: 550;
    --font-weight-semibold: 650;
    --font-weight-bold: 750;
    --font-weight-extrabold: 800;

  /* Spacing rhythm — mature commerce density */
    --space-3xl: 2.75rem;
    --space-4xl: 3.5rem;
    --section-gap: clamp(1.75rem, 2.8vw, 2.75rem);
    --section-gap-sm: clamp(1.25rem, 2vw, 1.75rem);
    --stack-gap: clamp(0.65rem, 1.2vw, 1rem);

    /* Layout widths */
    --content-width-reading: 42rem;
    --content-width-standard: 76rem;
    --content-width-wide: 85rem;
    --content-width-commerce: 80rem;
    --content-width-admin: 72rem;
    --content-width-admin-wide: 96rem;

    /* Unified surfaces */
    --surface-botanical-soft: color-mix(in srgb, var(--green-50) 72%, var(--neutral-0));
    --surface-earth-soft: color-mix(in srgb, var(--brown-50) 65%, var(--neutral-0));
    --surface-information-soft: color-mix(in srgb, var(--aanya-blue) 10%, var(--neutral-0));
    --surface-commerce-soft: color-mix(in srgb, var(--aanya-orange) 9%, var(--neutral-0));
    --surface-editorial-soft: color-mix(in srgb, var(--aanya-coral) 11%, var(--neutral-0));
    --surface-discovery-soft: color-mix(in srgb, var(--aanya-yellow) 12%, var(--neutral-0));
    --discovery-gradient: linear-gradient(180deg, var(--neutral-0) 0%, var(--neutral-50) 100%);

    /* Header authority */
    --header-height: 80px;
    --header-height-sticky: 80px;

    /* Elevation */
    --elevation-1: 0 1px 2px rgba(34, 20, 12, 0.05);
    --elevation-2: 0 8px 24px rgba(34, 20, 12, 0.07);
    --elevation-3: 0 16px 40px rgba(34, 20, 12, 0.1);
}