/* ============================================================
   Madhumita & Aalok — Wedding Site Design Language
   Derived from Madhumita's hand-illustrated invitation.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&family=Caveat:wght@400..700&family=Nunito:ital,wght@0,400..800;1,400..700&display=swap');

:root {
  /* ---- Sunset palette (sampled from the invite) ---- */
  --sky:          #97a6dd;  /* periwinkle */
  --sky-deep:     #7c8cce;
  --rose:         #e29bb4;
  --rose-deep:    #d2789a;
  --blush:        #f3c9c2;
  --coral:        #f4c49a;
  --peach:        #fbe0cb;
  --cream:        #fcf4e8;
  --paper:        #fffbf4;

  --magenta:      #b23a6e;
  --magenta-deep: #8e2a56;
  --green:        #5e8c3c;
  --green-deep:   #45692a;
  --gold:         #d9a23c;
  --gold-deep:    #b27f24;
  --red:          #c9433c;

  /* ---- Ink (text) — a warm plum, never pure black ---- */
  --ink:          #44203a;
  --ink-soft:     #6e4860;
  --ink-faint:    #9a7588;

  /* ---- Signature gradients ---- */
  --sunset:        linear-gradient(170deg, #f8cda0 0%, #f1afba 34%, #de93ad 56%, #b6a4d8 84%, #9aa8dc 100%);
  --sunset-soft:   linear-gradient(165deg, #fde3cf 0%, #f6cdcb 38%, #ecc0d0 64%, #cdc4e6 100%);
  --dusk:          linear-gradient(180deg, #9aa8dc 0%, #c2a7d0 42%, #e29bb4 72%, #f4c49a 100%);

  /* ---- Type ---- */
  --font-display: 'Shantell Sans', 'Comic Sans MS', cursive;
  --font-script:  'Caveat', cursive;
  --font-body:    'Nunito', system-ui, sans-serif;

  /* ---- Form ---- */
  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-xl: 40px;

  --shadow-sm: 0 2px 8px rgba(74, 33, 58, 0.08);
  --shadow-md: 0 10px 30px rgba(74, 33, 58, 0.14);
  --shadow-lg: 0 24px 60px rgba(74, 33, 58, 0.20);
  --shadow-art: 0 18px 50px rgba(74, 33, 58, 0.28);

  --edge: 1.5px solid rgba(74, 33, 58, 0.14);
}

* { box-sizing: border-box; }

.ds-reset {
  margin: 0;
  font-family: var(--font-body);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Hand-lettered display */
.font-display { font-family: var(--font-display); font-weight: 600; }
.font-script  { font-family: var(--font-script);  font-weight: 600; }
.font-body    { font-family: var(--font-body); }

/* small caps detail label like the invite's "THURSDAY 4:30 PM" */
.label-caps {
  font-family: var(--font-body);
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}