/*
Theme Name: ROA Beauty
Theme URI: https://roabeauty.ro
Author: Atum Marketing
Description: Temă custom pentru ROA Beauty – salon de cosmetică din Sibiu. Construită de la zero, fără page builder, optimizată pentru viteză (PageSpeed) și SEO local.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: roa
*/

/* =========================================================
   FONTURI SELF-HOSTED (Fraunces + Inter, variabile, subset RO)
   ========================================================= */
@font-face{
  font-family:"Fraunces";
  src:url("assets/fonts/fraunces-roman.woff2") format("woff2");
  font-weight:300 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Fraunces";
  src:url("assets/fonts/fraunces-italic.woff2") format("woff2");
  font-weight:300 700;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("assets/fonts/inter-roman.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

/* =========================================================
   ROA BEAUTY – Variabile globale (sursa de adevăr: brand)
   ========================================================= */
:root{
  /* Culori brand */
  --roa-pink:        #E3598E;   /* primar – butoane, accente */
  --roa-pink-hover:  #CF467C;
  --roa-pink-soft:   #FBE5ED;   /* fundal preț / badge */
  --roa-pink-pastel: #FFE6EE;   /* fundal secțiuni (înlocuiește crem) */
  --roa-pink-text:   #B83A6B;   /* text pe fundal roz soft */
  --roa-cream:       #FCF6E4;   /* carduri, secțiuni alternate */
  --roa-cream-deep:  #F7EFD6;   /* nuanță crem mai închisă */
  --roa-ink:         #1F2430;   /* text titluri */
  --roa-body:        #3A3F4B;   /* text body */
  --roa-muted:       #8A8F9C;   /* text secundar / meta */
  --roa-line:        #ECECF0;   /* borduri fine */
  --roa-white:       #FFFFFF;
  --roa-dark:        #131A17;   /* footer / suprafețe închise */
  --roa-green:       #23544E;   /* CTA intermediar (verde petrol) */

  /* Tipografie (self-hosted, definite în fonts.css) */
  --roa-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --roa-font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Layout */
  --roa-container: 1180px;
  --roa-container-narrow: 760px;
  --roa-radius: 18px;
  --roa-radius-sm: 12px;
  --roa-gap: 24px;

  /* Umbre */
  --roa-shadow: 0 4px 18px rgba(31,36,48,.06);
  --roa-shadow-lg: 0 12px 40px rgba(31,36,48,.10);
}

/* =========================================================
   Reset minimal
   ========================================================= */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--roa-font-body);
  color:var(--roa-body);
  background:var(--roa-white);
  line-height:1.65;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img,svg,video{max-width:100%;height:auto;display:block;}
a{color:var(--roa-pink);text-decoration:none;}
a:hover{color:var(--roa-pink-hover);}
h1,h2,h3,h4,h5,h6{
  font-family:var(--roa-font-display);
  color:var(--roa-ink);
  line-height:1.18;
  margin:0 0 .5em;
  font-weight:600;
}
h1{font-size:clamp(2rem,5vw,3.25rem);}
h2{font-size:clamp(1.6rem,3.5vw,2.4rem);}
h3{font-size:clamp(1.25rem,2.5vw,1.6rem);}
p{margin:0 0 1.1em;}
ul,ol{margin:0 0 1.1em;padding-left:1.2em;}

/* Container utilitar */
.roa-container{
  width:100%;
  max-width:var(--roa-container);
  margin-inline:auto;
  padding-inline:20px;
}
.roa-container--narrow{max-width:var(--roa-container-narrow);}

/* Accesibilitate: focus vizibil */
:focus-visible{outline:3px solid var(--roa-pink);outline-offset:2px;}

/* Skip link */
.roa-skip-link{
  position:absolute;left:-9999px;top:0;
  background:var(--roa-ink);color:#fff;padding:10px 16px;z-index:9999;border-radius:0 0 8px 0;
}
.roa-skip-link:focus{left:0;color:#fff;}

/* Respectă reduced-motion */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}