/* ==========================================
   GENESIS DESIGN SYSTEM — GRAND LINE THEME
   ========================================== */

:root{

    /* ========= BACKGROUNDS ========= */

    --bg:         #09070A;          /* near-black, slightly warm */
    --bg-navy:    #080D14;          /* deep ocean navy */
    --bg-secondary:#0E0B10;
    --surface:    #110E08;          /* warm dark surface */
    --surface-light:#1A1508;

    /* ========= PARCHMENT ========= */

    --parchment:      #C4A882;      /* aged paper highlight */
    --parchment-dark: #8B6F4E;
    --parchment-text: #2C1E0F;     /* text on parchment bg */

    /* ========= ACCENT COLORS ========= */

    --gold:       #C9902A;          /* warm amber gold */
    --gold-light: #E8B84B;
    --gold-dim:   rgba(201,144,42,.14);

    --crimson:    #8B2020;          /* pirate red */
    --crimson-mid:#A83030;
    --crimson-light:#C44040;

    /* ========= TEXT ========= */

    --white:  #EDE0C4;              /* warm cream, not pure white */
    --gray:   #9C876A;              /* warm aged-paper gray */
    --muted:  #5C4D3A;

    --dark:   #050304;

    /* ========= BORDERS ========= */

    --border:         rgba(201,144,42,.18);
    --border-parch:   rgba(139,111,78,.35);

    /* ========= SHADOWS ========= */

    --shadow:    0 20px 60px rgba(0,0,0,.65);
    --shadow-sm: 0 5px 15px  rgba(0,0,0,.35);
    --shadow-md: 0 15px 35px rgba(0,0,0,.50);
    --shadow-lg: 0 25px 60px rgba(0,0,0,.65);

    /* ========= CONTAINER ========= */

    --container: 1200px;

    /* ========= SPACING ========= */

    --space-xs:  .5rem;
    --space-sm:  1rem;
    --space-md:  1.5rem;
    --space-lg:  2.5rem;
    --space-xl:  4rem;
    --space-2xl: 6rem;
    --section-space: 8rem;

    /* ========= RADIUS ========= */

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;

    /* ========= TRANSITIONS ========= */

    --transition: .35s ease;

    /* ========= NAVBAR ========= */

    --navbar-height: 80px;

}