/* ===========================================
   PARTIU INTERCÂMBIO — DESIGN SYSTEM
   Brand: Plum #A33281 + Teal #009B83 + Cream #F5F1E9
   Tertiary: Sunny Yellow #FFD700 for CTAs
   Grounding: Charcoal #2D3047 for text/footer
   Coral #FF6B35 as warm accent
   =========================================== */

:root {
  /* Brand core */
  --plum: #A33281;
  --plum-dark: #8A2A6D;
  --plum-pale: #F9EDF5;
  --teal: #009B83;
  --teal-dark: #00806C;
  --teal-pale: #E6F7F4;
  --cream: #F5F1E9;

  /* Tertiary */
  --sunny: #FFD700;
  --sunny-dark: #E6C200;
  --coral: #FF6B35;
  --coral-pale: #FFF0EA;

  /* Grounding neutrals */
  --charcoal: #2D3047;
  --charcoal-light: #3D405B;
  --text: #2D3047;
  --text-mid: #5C5F7A;
  --text-light: #9395A5;
  --border: #E4DFD5;
  --bg: #FFFCF8;
  --surface: #FFFFFF;
  --surface-warm: #FFF9F3;

  /* Fonts */
  --font-display: 'Sora', sans-serif;
  --font-body: 'Nunito', sans-serif;

  /* Layout */
  --max-w: 1100px;

  /* Radii */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;

  /* Shadows */
  --sh-sm: 0 2px 8px rgba(45,48,71,0.06);
  --sh-md: 0 6px 20px rgba(45,48,71,0.08);
  --sh-lg: 0 14px 44px rgba(45,48,71,0.10);
}

/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.3}

/* Accessibility */
.skip-link{position:absolute;top:-100%;left:1rem;background:var(--charcoal);color:#fff;padding:.75rem 1.5rem;border-radius:var(--r-sm);z-index:9999;font-weight:600}
.skip-link:focus{top:1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

/* Layout */
.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}

/* Focus */
:focus-visible{outline:3px solid var(--sunny);outline-offset:2px}
