/* ========================================================================
   BERRIES.CSS — Aussie Leave Calculator (light skin)
   The house style: Berries-and-Cream palette + embedded typography.
   Remaps the colour/type tokens declared in base.css. Swapping this file
   for another skin re-skins the whole site (standard_websites.md §4.3).
   Palette: cream #f0e2bf / #dfc594 / #b29176 · berry #6f3d45 / #3f1847 · accent #8b2252
   ======================================================================== */


/* ========== EMBEDDED FONTS (self-hosted woff2, latin subset) ========== */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/jakarta-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/jakarta-500.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/jakarta-600.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/jakarta-700.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 
}

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('../fonts/fraunces-400_600.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 
}


/* ========== SKIN TOKENS ========== */
:root {
  /* Palette anchors */
  --cream-light: #f0e2bf;
  --cream-mid:   #dfc594;
  --cream-dark:  #b29176;
  --berry-mid:   #6f3d45;
  --berry-deep:  #3f1847;

  /* Surfaces */
  --bg-page:       #f0e2bf;
  --bg-card:       #faf3e6;
  --bg-card-hover: #f5edd8;
  --bg-hero:       linear-gradient(160deg, #3f1847 0%, #6f3d45 50%, #8b4f58 100%);
  --bg-footer:     #3f1847;
  --input-bg:      #ffffff;

  /* Ink */
  --ink-main:    #2c1a2e;
  --ink-soft:    #5a3d5c;
  --ink-muted:   #8a6e8c;
  --ink-on-dark: #f0e2bf;
  --ink-on-hero: #fff8ee;

  /* Accent */
  --accent:       #8b2252;
  --accent-hover: #a52d63;
  --accent-bg:    rgba(139, 34, 82, 0.08);

  /* Borders */
  --border:       #d4c4a0;
  --border-light: #e8ddd0;

  /* Shadows (berry-tinted) */
  --shadow-sm: 0 1px 3px rgba(63, 24, 71, 0.06);
  --shadow-md: 0 4px 12px rgba(63, 24, 71, 0.10);
  --shadow-lg: 0 8px 24px rgba(63, 24, 71, 0.14);

  /* Calendar swatches */
  --cal-weekend: #ede0c8;
  --cal-holiday: #c8dfc0;
  --cal-leave:   #e8c0cc;
  --cal-block:   #d8c4e0;
  --cal-today:   #c4d8e8;
  --cal-school:  #d4e8cc;

  /* Feedback */
  --success:    #2e6b3a;
  --success-bg: #e6f4ea;
  --error:      #a81e2d;
  --error-bg:   #fde8ea;

  /* Typography */
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-head: "Fraunces", Georgia, "Times New Roman", serif;
}


/* ========== SKIN-SPECIFIC SURFACE TOUCHES ========== */
.hero h1 { text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }

.btn--primary {
  background: linear-gradient(135deg, var(--berry-mid), var(--accent));
}
.btn--primary:hover {
  background: linear-gradient(135deg, var(--accent), var(--accent-hover));
}

.form-select, .form-input { background: var(--input-bg); }