/* ====================================================================
   BASE.CSS — Θεμέλια του site
   --------------------------------------------------------------------
   Εδώ θα βρεις:
   • Παλέτα χρωμάτων (CSS variables στο :root)
   • Reset (margin/padding 0)
   • Body styles (γραμματοσειρά, χρώμα, ύφος)
   • Page transitions (fade-in όταν αλλάζει σελίδα)
   • Announcement bar (η μαύρη μπάρα στην κορυφή)
   ==================================================================== */

:root{
  /* Skinya palette v3 — dusty pink-beige editorial (reference-matched).
     Single mood: blush bg + deep warm ink + solid clay CTA + soft taupe.
     Var names kept for back-compat; values matched to the campaign reference. */
  --lavender-mist:#fbeee2;   /* lighter blush — secondary surface */
  --lilac-cream:#edded0;     /* deeper blush — section variation */
  --lavender-dust:#dcc8b4;   /* warm taupe — gentle accents */
  --mauve-soft:#8d7a6c;      /* deep taupe — secondary text */
  --plum-deep:#9a584f;       /* deep rose — emphasis */
  --aubergine:#1f1813;       /* deep warm ink (near-black) */
  --ivory:#f4e7dc;           /* MAIN pink-beige bg — reference-matched */
  --gold-leaf:#c0857a;       /* metallic rose gold — primary CTA */
  --gold-soft:#daa496;       /* light rose gold — hover/borders */
  --rose-warm:#ecc7bd;       /* soft rose blush — gentle accents */
  --champagne:#f5e0c8;       /* champagne — pale fill */
  --shadow-soft:rgba(31,24,19,0.10);
  --ink-soft:#3a302b;        /* body text — softer than ink */

  /* Design tokens */
  --radius-xs:0px;           /* sharp rectangles (reference style) */
  --radius-sm:2px;
  --radius-md:4px;
  --radius-lg:8px;
  --radius-pill:999px;
  --ease-luxe:cubic-bezier(.32,.72,.2,1);
  --shadow-card:0 1px 2px rgba(31,24,19,0.04),0 12px 28px -10px rgba(31,24,19,0.10);
  --shadow-card-hover:0 2px 4px rgba(31,24,19,0.06),0 28px 56px -18px rgba(31,24,19,0.18);
  --shadow-soft-lift:0 30px 60px -28px rgba(31,24,19,0.20);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{font-family:'Inter',sans-serif;font-weight:400;background:var(--ivory);color:var(--aubergine);padding-top:80px;line-height:1.6;letter-spacing:-.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}
/* Noise overlay — very subtle, almost imperceptible */
body::before{content:'';position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3CfeColorMatrix values='0 0 0 0 0.20 0 0 0 0 0.14 0 0 0 0 0.10 0 0 0 0.02 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.18;z-index:1;mix-blend-mode:multiply}

/* Page transitions */
.page{display:none;animation:pageEnter .5s var(--ease-luxe)}
.page.active{display:block}
@keyframes pageEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* Announcement bar — 3 trust badges με icons, dark editorial */
.announce{display:none}
.announce-item{display:flex;align-items:center;gap:.7rem;padding:0 1rem;justify-content:center;border-right:1px solid rgba(255,255,255,0.10);position:relative}
.announce-item:last-child{border-right:none}
.announce-icon{width:18px;height:18px;flex-shrink:0;color:var(--gold-leaf);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
.announce-item span{display:inline-flex;align-items:baseline;gap:.5rem;font-size:.66rem;letter-spacing:.2em;font-weight:600;color:var(--ivory);line-height:1.3;opacity:.95}
.announce-item span i{font-style:normal;font-size:.62rem;letter-spacing:.14em;font-weight:400;color:var(--lavender-dust);opacity:.78;text-transform:uppercase}

/* Visually hidden — for a11y labels that should not be visible */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}