/* theme.css — design1a variation layer: colour-shade set + shape scale ONLY.
   Loads immediately after tokens.css. A later variation (design1b) swaps this file. */

:root {
    /* Colour-shade set — logo olive-slate + conservative brown/gold supporting family */
    --shade-white:         #ffffff;
    --shade-cream:         #faf6ee;
    --shade-sand:          #f2eadb;
    --shade-gold-tint:     #f6eed9;
    --shade-gold:          #c49b4f;
    --shade-gold-bright:   #d3a95a;   /* button fill — espresso text 7.19 */
    --shade-gold-hover:    #e3bb63;   /* button hover, bright gold — espresso text 8.67 */
    --shade-gold-glow:     0 0 0 1px rgba(227, 187, 99, 0.6), 0 8px 24px rgba(211, 169, 90, 0.5);
    --shade-gold-sheen:    rgba(255, 248, 225, 0.85);
    --shade-gold-focus:    0 0 0 4px rgba(227, 187, 99, 0.35), 0 0 18px rgba(227, 187, 99, 0.55);   /* bright gold field-focus glow */
    --shade-gold-deep:     #7d5d22;
    --shade-espresso:      #2b2118;
    --shade-umber:         #3d342a;
    --shade-taupe:         #6e6254;
    --shade-line:          #e3d9c8;
    --shade-line-strong:   #8b7e6c;
    --shade-olive:         #3e453d;
    --shade-olive-deep:    #2d332c;
    --shade-olive-soft:    #e5e8e2;
    --shade-sage:          #cfd4cf;
    --shade-parchment:     #f1e9dc;
    --shade-footer-muted:  #cbbfae;
    --shade-footer-gold:   #d4b06a;
    --shade-footer-line:   rgba(241, 233, 220, 0.14);
    --shade-panel:         rgba(250, 246, 238, 0.94);
    --shade-backdrop:      rgba(43, 33, 24, 0.55);
    --shade-shadow-header: 0 1px 0 #e3d9c8, 0 8px 24px rgba(43, 33, 24, 0.06);

    /* Shape scale — 8px corners on buttons, cards and form fields (BASAM 2026-09-15; was sharp, 4px max) */
    --radius-sharp:  0;
    --radius-soft:   4px;
    --radius-card:   var(--radius-md);
    --radius-button: var(--radius-md);
    --radius-input:  var(--radius-md);
    --radius-focus:  var(--radius-soft);
}