/* ============================================================
   XJS Soft Tops Club — CAR ALBUM COMMON TOKENS
   Shared variables for browse + editor
   ============================================================ */

/* ------------------------------------------------------------
   CORE BRAND TOKENS
   ------------------------------------------------------------ */
:root {
  --soft-green:  #1a3b2e;
  --soft-cream:  #eae3d1;
  --soft-shadow: 0 4px 10px rgba(0,0,0,0.08);

  /* Neutral section background + header (generic) */
  --theme-neutral-header: #1a3b2e;
  --theme-neutral-bg:     #f7f2e9;

  /* --------------------------------------------------------
     SECTION COLOUR PALETTE
     (About / WIP / Maintenance / Restoration / Modification /
      Short Trips / Adventures / Awards / Future)
     Each has:
       -tab   = main banner / tab colour
       -mat   = table-mat / background colour
       -text  = text colour on the tab
     -------------------------------------------------------- */

  /* About the Car */
  --theme-about-tab:   #a3a3a3;
  --theme-about-mat:   #f0f0f0;
  --theme-about-text:  #ffffff;

  /* Work In Progress */
  --theme-wip-tab:     #fcbd34;
  --theme-wip-mat:     #fff4d4;
  --theme-wip-text:    #5a3d00;

  /* Maintenance & Servicing */
  --theme-maintenance-tab:  #c68a2d;
  --theme-maintenance-mat:  #f7ebd4;
  --theme-maintenance-text: #3a2404;

  /* Restoration */
  --theme-restoration-tab:  #b7410e;
  --theme-restoration-mat:  #f4e0d6;
  --theme-restoration-text: #ffffff;

  /* Modifications */
  --theme-modification-tab:  #6c8c74;
  --theme-modification-mat:  #e3ece5;
  --theme-modification-text: #0f2a1c;

  /* Short Trips (Day Outings) */
  --theme-trip-tab:   #8cbfe6;
  --theme-trip-mat:   #e3f1fb;
  --theme-trip-text:  #12324e;

  /* Holiday Adventures (Long Trips) */
  --theme-adventure-tab:  #2e4a72;
  --theme-adventure-mat:  #dde6f3;
  --theme-adventure-text: #ffffff;

  /* Awards & Shows (support both singular/plural vars) */
  --theme-award-tab:   #B59B55;
  --theme-award-mat:   #B59B55;
  --theme-award-text:  #B59B55;

  /* Future Plans */
  --theme-future-tab:   #c9c9c9;
  --theme-future-mat:   #f2f2f2;
  --theme-future-text:  #333333;
}
/* ============================================================
   XJS SOFT TOPS CLUB — CAR ALBUM THEME TOKENS
   Shared by browse + editor via album-common.css
   ============================================================ */

/* Base tokens */
:root {
  --soft-green:  #1a3b2e;
  --soft-cream:  #eae3d1;
  --soft-shadow: 0 4px 10px rgba(0,0,0,0.08);

  /* ------------------------------------------------------------
     SECTION COLOUR PALETTES
     These match both EDIT + BROWSE view themes
     ------------------------------------------------------------ */

  /* ABOUT */
  --theme-about-tab:    #2e4a72;     /* heritage deep blue */
  --theme-about-text:   #ffffff;
  --theme-about-mat:    #dfe8df;     /* soft sage-cream */

  /* WORK IN PROGRESS (WIP) */
  --theme-wip-tab:      #c68a2d;     /* autumn gold */
  --theme-wip-text:     #ffffff;
  --theme-wip-mat:      #f3ead8;     /* parchment */

  /* MAINTENANCE */
  --theme-maintenance-tab:   #8cbfe6;   /* sky blue */
  --theme-maintenance-text:  #0a2a44;   /* navy */
  --theme-maintenance-mat:   #e3ebf3;   /* soft blue-grey */

  /* RESTORATION */
  --theme-restoration-tab:   #b7410e;   /* rust */
  --theme-restoration-text:  #ffffff;
  --theme-restoration-mat:   #f6f1e7;   /* neutral softpaper */

  /* MODIFICATION */
  --theme-modification-tab:  #b59b55;   /* heritage gold */
  --theme-modification-text: #ffffff;
  --theme-modification-mat:  #f3ead8;   /* parchment */

  /* SHORT TRIPS */
  --theme-trip-tab:      #8cbfe6;      /* sky blue */
  --theme-trip-text:     #ffffff;
  --theme-trip-mat:      #e0f2f0;      /* aqua-cream */

  /* HOLIDAY ADVENTURES */
  --theme-adventure-tab: #2e4a72;      /* ocean blue */
  --theme-adventure-text:#ffffff;
  --theme-adventure-mat: #e0f2f0;      /* aqua-cream */

  /* AWARDS */
  --theme-award-tab:    #B59B55;      /* soft purple */
  --theme-award-text:   #B59B55;      /* dark purple */
  --theme-award-mat:    #B59B55;      /* lavender */

  /* FUTURE */
  --theme-future-tab:    #c9c9c9;      /* silver grey */
  --theme-future-text:   #333333;
  --theme-future-mat:    #efefef;      /* neutral grey */

  /* NEUTRAL BLOCKS */
  --theme-neutral-header: #1a3b2e;   /* dark green */
  --theme-neutral-bg:     #eae3d1;   /* cream */
}
:root {
  /* Faded versions of the main tab colours */

  /* About (tab: #2e4a72) → softer navy */
  --theme-about-border:       #8aa1c2;

  /* Work In Progress (tab: #c68a2d) → softer gold */
  --theme-wip-border:         #e0bd7a;

  /* Maintenance (tab: #8cbfe6) → pale sky */
  --theme-maintenance-border: #c3dbf2;

  /* Restoration (tab: #b7410e) → warm rust-orange */
  --theme-restoration-border: #e38a5b;

  /* Modification (tab: #b59b55) → soft parchment gold */
  --theme-modification-border:#e0cf8f;

  /* Short Trip (tab: #8cbfe6) → pale aqua-sky */
  --theme-trip-border:        #c2ddf4;

  /* Holiday Adventure (tab: #2e4a72) → same family as About */
  --theme-adventure-border:   #8aa1c2;

  /* Awards (tab: #b59bff) → soft lavender */
  --theme-award-border:     #B59B55;

  /* Future (tab: #c9c9c9) → light silver */
  --theme-future-border:      #e0e0e0;
}



/* ==========================================
   UNIFIED STORY OUTER BORDER SYSTEM
   Used in BOTH browse + editor
========================================== */

.story-outer-border {
    border-left: 14px solid var(--story-border-left);
    border-bottom: 14px solid var(--story-border-bottom);
    border-right: 14px solid var(--story-border-right);
    padding: 24px;
    border-radius: 12px;
    background: var(--soft-cream);
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
/* About */
.theme-about .story-outer-border {
    --story-border-left:    #3b5c8b;
    --story-border-bottom:  #9fb54a;
    --story-border-right:   #6a7e2b;
}

/* Work in Progress */
.theme-wip .story-outer-border {
    --story-border-left:    #8c6c1f;
    --story-border-bottom:  #e5c377;
    --story-border-right:   #a88624;
}

/* Maintenance */
.theme-maintenance .story-outer-border {
    --story-border-left:    #7fa8c8;
    --story-border-bottom:  #cfe3f0;
    --story-border-right:   #527c9f;
}

/* Restoration */
.theme-restoration .story-outer-border {
    --story-border-left:    #963709;
    --story-border-bottom:  #e9ceba;
    --story-border-right:   #7f2f07;
}

/* Modification */
.theme-modification .story-outer-border {
    --story-border-left:    #9b8647;
    --story-border-bottom:  #e4d7b2;
    --story-border-right:   #7e6c37;
}

/* Adventure */
.theme-adventure .story-outer-border {
    --story-border-left:    #233d60;
    --story-border-bottom:  #d0e9ea;
    --story-border-right:   #1b2f4a;
}

/* Awards */
.theme-award .story-outer-border {
    --story-border-left:    #B59B55;
    --story-border-bottom:  #B59B55;
    --story-border-right:   #B59B55;
}

/* Future */
.theme-future .story-outer-border {
    --story-border-left:    #b0b0b0;
    --story-border-bottom:  #e5e5e5;
    --story-border-right:   #8f8f8f;
}