/* ==========================================================================
   DESIGN TOKENS — YARA RUBYA PAPELARIA
   Estética: Papelaria Feminina de Luxo, Editorial, Acolhedora e Profissional
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  /* PALETA DE CORES OFICIAL */
  --color-primary: #E98BAF;
  --color-primary-hover: #DF769F;
  --color-primary-dark: #C95F87;
  --color-primary-darker: #A54469;
  --color-primary-light: #F7DDE6;
  --color-primary-pastel: #FCEEF3;
  --color-primary-subtle: #FFF5F8;
  
  --color-nude: #E8D8D0;
  --color-nude-light: #F6EFEA;
  --color-nude-border: #EADBCE;
  
  --color-offwhite: #FCFAF8;
  --color-white: #FFFFFF;
  
  --color-accent-blue: #9CA7D8;
  --color-accent-blue-light: #EEF1FA;
  
  --color-text-main: #332C30;
  --color-text-muted: #786B72;
  --color-text-light: #A4979E;
  
  --color-success: #38A169;
  --color-success-bg: #F0FFF4;
  --color-whatsapp: #25D366;
  --color-whatsapp-dark: #128C7E;

  /* TIPOGRAFIA */
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-script: 'Caveat', cursive, sans-serif;

  /* BORDAS E RAIO */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* SOMBRAS PREMIUM (Sem borrões escuros / suaves em rosa e nude) */
  --shadow-sm: 0 2px 8px rgba(165, 68, 105, 0.05);
  --shadow-md: 0 8px 24px rgba(165, 68, 105, 0.08);
  --shadow-lg: 0 16px 36px rgba(165, 68, 105, 0.12);
  --shadow-xl: 0 24px 50px rgba(165, 68, 105, 0.16);
  --shadow-drawer: -10px 0 40px rgba(51, 44, 48, 0.18);
  --shadow-bottom-sheet: 0 -10px 40px rgba(51, 44, 48, 0.16);

  /* TRANSIÇÕES E TEMPOS */
  --transition-fast: 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);

  /* ESPAÇAMENTOS */
  --container-max: 1240px;
  --container-pad: clamp(16px, 4vw, 32px);
}