/* jessica.jairo.love theme: blush paper, plum ink, rose accent, italic serif */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

:root {
  --teal-900: #3a2a2e;   /* plum ink: headings, brand */
  --teal-700: #b5576f;   /* rose: accents, buttons, rules */
  --navy-500: #a07f88;   /* mauve: icons, brand dots */
  --paper:    #fffdfc;
  --bg:       #fbf6f3;   /* blush paper */
  --cream:    #f7eeea;
  --cream-soft:#fcf7f5;
  --line:     #efe1dc;
  --line-2:   #f4e9e5;
  --ink-1:    #3a2a2e;
  --ink-2:    #6b5a5f;
  --ink-3:    #a3939a;
  --rose:     #b5576f;
  --brick:    #a8443a;
  --green:    #5e8a6e;
}

body { background: var(--bg); }

/* Headings in the airy italic serif */
.brand-title, .brand, h1 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.01em;
}
.brand-title { font-size: 56px; }
.brand-title .dot, .brand .dot { color: var(--rose); font-style: normal; }
.brand-title .word .icon { color: var(--navy-500); }
.brand-title .word .icon.heart { color: var(--rose); }
h1 { font-size: 40px; }
.brand-subtitle, .crumb { letter-spacing: 0.14em; }

/* Softer cards and panels */
.module-card, .panel {
  border: 1px solid #ead7d1;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(58,42,46,0.04), 0 8px 24px rgba(181,87,111,0.06);
}
.module-card:hover { box-shadow: 0 2px 4px rgba(58,42,46,0.05), 0 12px 32px rgba(181,87,111,0.12); }
.module-header, .panel-head { background: var(--cream); border-bottom: 1px solid #ead7d1; }
.module-title, .panel-title { color: var(--ink-1); }
.pill { border-color: var(--rose); color: var(--rose); }
.section-header { border-bottom: 1px solid var(--rose); }
.kpi { border-radius: 14px; border-color: #f0e2dd; }
.kpi-value { color: var(--ink-1); }
th { border-bottom: 1px solid #e6cfd0; }
tr.total td { border-top: 1px solid #e6cfd0; }
.topbar { background: var(--paper); border-bottom: 1px solid var(--line); }
.btn { border-radius: 999px; padding: 8px 16px; background: var(--rose); }
.btn:hover { background: #9c4a5f; }
.filter { border-radius: 999px; padding: 6px 12px; }
.cell:focus { border-color: var(--rose); }
.kpi-value input { border-bottom-color: var(--rose); }
.meter span, .bar span { background: var(--rose); }
.footer { color: var(--ink-3); }