/* ============================================================
   AT STUDIO — PREMIUM WEDDING TEMPLATE
   Color Theme File — theme.css
   © 2025 AT Studio. All Rights Reserved.

   !! IMPORTANT !!
   This is ONE of TWO files you edit per new client.
   (The other is config.js for all content details.)

   This file controls the ENTIRE COLOR THEME of the website.
   Change the values inside :root {} below to match the
   client's wedding color palette.

   HOW TO USE:
   1. Pick the client's wedding colors
   2. Replace the hex values below
   3. Update --primary-rgb to match the new --primary (any hex-to-rgb
      picker works, e.g. coolors.co)
   4. Save this file
   5. The entire website recolors automatically — this includes the
      Event Schedule cards and all dark-section text, which now pull
      from these same variables instead of separate hardcoded colors

   HOW TO FIND HEX COLOR CODES:
   — Google "color picker" for a quick tool
   — Visit coolors.co to browse beautiful palettes
   — Visit colorhunt.co for curated wedding palettes
   — Ask AT Studio to recommend a palette

   LOAD ORDER IN main.html AND index.html:
   theme.css must be loaded BEFORE style.css
   <link rel="stylesheet" href="theme.css">   ← first
   <link rel="stylesheet" href="style.css">   ← second

   ============================================================
   ACTIVE THEME: Old Money Burgundy
   Rich Wine Red accent · Crisp Warm White base
   ============================================================ */


:root {

    /* ============================================================
       PRIMARY COLOR — Rich Wine / True Burgundy
       Matches the invitation cards: vivid wine red, not dark brown.
       ============================================================ */
    --primary:      #8C3A3A;  /* brick/oxblood red — matches the invitation cards */

    /* RGB channels of --primary, used for rgba() keylines/dividers
       that need partial opacity (plain CSS can't derive rgb from a
       hex variable). If you change --primary, update this to match —
       any hex-to-rgb tool (e.g. coolors.co) will convert it. */
    --primary-rgb:  140, 58, 58;


    /* ============================================================
       SECONDARY COLOR
       Crisp warm white — like the invitation envelope paper.
       Light enough to read well on mobile screens.
       ============================================================ */
    --secondary: #F5EFE8;


    /* ============================================================
       DARK COLOR
       Deep wine for headings and body text — still rich,
       but readable and not pitch black.
       ============================================================ */
    --dark: #3A1020;


    /* ============================================================
       MUTED COLOR
       Soft rose-mauve — secondary text, captions, labels.
       ============================================================ */
    --muted: #9E6B75;


    /* ============================================================
       WHITE COLOR
       Near-white warm cream — the lightest surface tone.
       Clean and bright on mobile, with just a hint of warmth.
       ============================================================ */
    --white: #FDF8F4;


    /* ============================================================
       BORDER COLOR
       Soft dusty rose — subtle and elegant on light backgrounds.
       ============================================================ */
    --border: #DBBFC7;


    /* ============================================================
       OVERLAY COLOR
       Photo tint used across all dark sections — footer, countdown,
       gallery, schedule, etc. (style.css reads this via --overlay-dark).
       Keep it a darker, higher-opacity shade of --primary so text on
       dark sections stays readable.
       ============================================================ */
    --overlay: rgba(30, 6, 6, 0.45);


    /* ============================================================
       DARK SECTION COLOR
       Deep wine/burgundy for alternating dark sections.
       Lifted from near-black to a true deep wine so it reads
       as "burgundy" not "black" on mobile screens.
       ============================================================ */
    --dark-section: #5C0A1E;  /* true deep wine, not near-black */


    /* ============================================================
       TEXT ON DARK
       Body/label text color used on .bg-even (dark) sections —
       schedule cards, FAQs, RSVP, timeline text, etc. Should read
       clearly against --dark-section above.
       ============================================================ */
    --text-on-dark:     #F5EDE0;
    --text-on-dark-rgb: 245, 237, 224;  /* rgb() equivalent, for rgba() at partial opacity */

}


/* ============================================================
   PRESET THEMES
   ============================================================
   Copy and paste any of these presets into the :root above
   to instantly apply a complete color theme.

   Just replace all 7 values in :root with the preset values.
   ============================================================


   THEME: OLD MONEY BURGUNDY (Active theme above)
   Rich wine red on crisp warm white. Elegant and mobile-friendly.
   --primary:   #8C3A3A;
   --secondary: #F5EFE8;
   --dark:      #3A1020;
   --muted:     #9E6B75;
   --white:     #FDF8F4;
   --border:    #DBBFC7;
   --overlay:   rgba(30, 6, 6, 0.45);


   THEME: AT STUDIO SIGNATURE (Default)
   Classic champagne gold on warm cream. Works for any wedding.
   --primary:   #C9A96E;
   --secondary: #FAF7F2;
   --dark:      #2C2C2C;
   --muted:     #8C7B6B;
   --white:     #FFFFFF;
   --border:    #E8DDD0;
   --overlay:   rgba(44, 44, 44, 0.45);


   THEME: BLUSH & ROSE GOLD
   Romantic pink tones. Perfect for garden and floral weddings.
   --primary:   #B76E79;
   --secondary: #FDF5F5;
   --dark:      #2C1F20;
   --muted:     #9B7B80;
   --white:     #FFFFFF;
   --border:    #EDD5D5;
   --overlay:   rgba(44, 30, 32, 0.45);


   THEME: SAGE & IVORY
   Earthy botanical tones. Perfect for garden and outdoor weddings.
   --primary:   #7A9E7E;
   --secondary: #F5F8F5;
   --dark:      #1E2A1E;
   --muted:     #6B8C6B;
   --white:     #FFFFFF;
   --border:    #D5DDD5;
   --overlay:   rgba(30, 42, 30, 0.45);


   THEME: DUSTY BLUE & SILVER
   Cool elegant tones. Perfect for formal and winter weddings.
   --primary:   #6B8CAE;
   --secondary: #F5F7FA;
   --dark:      #1A2340;
   --muted:     #6B7B99;
   --white:     #FFFFFF;
   --border:    #D5DCE8;
   --overlay:   rgba(26, 35, 64, 0.50);


   THEME: TERRACOTTA & WARM IVORY
   Bold earthy tones. Perfect for rustic and boho weddings.
   --primary:   #C17754;
   --secondary: #FBF7F2;
   --dark:      #2A1810;
   --muted:     #8C6B54;
   --white:     #FFFFFF;
   --border:    #E8D5C4;
   --overlay:   rgba(42, 24, 16, 0.45);


   THEME: DEEP NAVY & GOLD
   Bold classic tones. Perfect for formal and gala weddings.
   --primary:   #C9A96E;
   --secondary: #F5F6FA;
   --dark:      #1A2340;
   --muted:     #6B7B99;
   --white:     #FFFFFF;
   --border:    #D5DCE8;
   --overlay:   rgba(26, 35, 64, 0.55);


   THEME: LAVENDER & SILVER
   Soft dreamy tones. Perfect for spring and garden weddings.
   --primary:   #8B7BAE;
   --secondary: #F8F5FC;
   --dark:      #2A2040;
   --muted:     #7B6B9B;
   --white:     #FFFFFF;
   --border:    #DDD5EC;
   --overlay:   rgba(42, 32, 64, 0.45);


   THEME: EMERALD & GOLD
   Rich jewel tones. Perfect for luxury and formal weddings.
   --primary:   #C9A96E;
   --secondary: #F5FAF6;
   --dark:      #1A2E1E;
   --muted:     #4A7A54;
   --white:     #FFFFFF;
   --border:    #C8DDC8;
   --overlay:   rgba(26, 46, 30, 0.50);

   ============================================================ */


/* ============================================================
   AT STUDIO — PREMIUM WEDDING TEMPLATE
   theme.css — Color Theme File
   © 2025 AT Studio. All Rights Reserved.
   Unauthorized copying or redistribution is prohibited.
   ============================================================ */