/* ================================================================
   LINH LAN — Shared brand tokens for template files
   Locked: fonts, logo scale, spacing scale, layout dimensions.
   Editable via Tweaks: --surface (theme), --accent (accent color).
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Montserrat:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;1,400&family=Inter:wght@400;500;600&display=swap');

:root {
  /* Brand palette — locked */
  --soft-lilac:   #BC93B2;
  --walnut:       #675353;
  --mist-rose:    #EBD5D5;
  --mocha:        #846F6F;
  --dusty-mauve:  #A99494;
  --blush:        #CFB9B9;
  --cocoa:        #695555;
  --warm-grey:    #958080;
  --earth:        #624E4E;
  --espresso:     #160D0C;
  --charcoal:     #545454;
  --ivory:        #FBF8F8;

  /* Type stack — locked */
  --font-display: 'Cormorant Garamond', 'Playfair Display', serif;
  --font-ui:      'Montserrat', 'Helvetica Neue', sans-serif;
  --font-body:    'Lora', Georgia, serif;
  --font-num:     'Inter', 'SF Pro Text', sans-serif;

  /* Tweakable surface theme — set via [data-theme] on the canvas */
  --surface:        var(--mist-rose);
  --surface-alt:    var(--ivory);
  --ink:            var(--espresso);
  --ink-soft:       var(--cocoa);
  --ink-mute:       var(--walnut);
  --hairline:       rgba(22,13,12,0.14);

  /* Tweakable accent — set via [data-accent] on the canvas */
  --accent:         var(--soft-lilac);
}

/* Dark theme swap */
[data-theme="dark"] {
  --surface:        var(--espresso);
  --surface-alt:    #201513;
  --ink:            var(--ivory);
  --ink-soft:       rgba(251,248,248,0.82);
  --ink-mute:       rgba(251,248,248,0.6);
  --hairline:       rgba(251,248,248,0.18);
}

/* Accent swaps (edit-mode only) */
[data-accent="walnut"] { --accent: var(--walnut); }
[data-accent="mocha"]  { --accent: var(--mocha); }
[data-accent="earth"]  { --accent: var(--earth); }
[data-accent="blush"]  { --accent: var(--blush); }
[data-accent="lilac"]  { --accent: var(--soft-lilac); }

/* ---------- Utility text ---------- */
.h-eyebrow {
  font-family: var(--font-ui);
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--ink-mute);
  font-size: 10px;
}
.h-wordmark {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--ink);
}
.t-body {
  font-family: var(--font-body);
  color: var(--ink);
  line-height: 1.55;
}

/* Official logo image styling — reused by every template */
.logo-full, .logo-mark { display: block; mix-blend-mode: multiply; }
[data-theme="dark"] .logo-full,
[data-theme="dark"] .logo-mark,
.logo-full.invert, .logo-mark.invert {
  mix-blend-mode: screen;
  filter: invert(1) brightness(1.05);
}