/* ==========================================================
   Aura By HOB > Variables globales
   Fichier : assets/css/base/variables.css
   ========================================================== */

:root {
  /* Fonts */
  --aura-font-title: "Arimo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --aura-font-heading: var(--aura-font-title);
  --aura-font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --aura-font-editorial: "Fraunces", Georgia, "Times New Roman", serif;

  /* Colors */
  --aura-color-burgundy: #4b1c22;
  --aura-color-honey: #f5b86f;
  --aura-color-soft-rose: #f4a6a4;
  --aura-color-clay: #935b54;
  --aura-color-dusty-pink: #c39894;
  --aura-color-sand: #afa996;
  --aura-color-moss: #817c38;
  --aura-color-egg: #fffefa;
  --aura-color-white: #ffffff;
  --aura-color-burgundy-rgb: 75, 28, 34;
  --aura-color-honey-rgb: 245, 184, 111;
  --aura-color-soft-rose-rgb: 244, 166, 164;
  --aura-color-dusty-pink-rgb: 195, 152, 148;
  --aura-color-sand-rgb: 175, 169, 150;
  --aura-color-white-rgb: 255, 255, 255;


  /* Semantic colors */
  --aura-color-text: var(--aura-color-burgundy);
  --aura-color-body: var(--aura-color-burgundy);
  --aura-color-heading-main: var(--aura-color-burgundy);
  --aura-color-heading-secondary: var(--aura-color-clay);
  --aura-color-page-bg: #ffffff;
  --aura-color-border: var(--aura-color-dusty-pink);
  --aura-color-accent: var(--aura-color-honey);

  /* Layout */
  --aura-site-max-width: 1400px;
  --aura-container-width: 1400px;
  --aura-container-padding-desktop: 0px;
  --aura-container-padding-mobile: 10px;
  --aura-section-spacing: 64px;

  /* Radius */
  --aura-radius-global: 4px;
  --aura-radius-button: 4px;
  --aura-radius-card: 4px;
  --aura-radius-image: 4px;
  --aura-radius-soft: 22px;
  --aura-radius-large: 28px;
  --aura-radius-pill: 999px;

  /* Borders */
  --aura-border-width: 1px;
  --aura-border-default: 1px solid var(--aura-color-border);

  /* Buttons */
  --aura-button-padding-x: 20px;
  --aura-button-padding-x-mobile: 10px;
  --aura-button-padding-y: 14px;
  --aura-button-radius: 4px;
  --aura-button-transition: 0.25s ease;

  /* Products grid */
  --aura-products-grid-desktop: 4;
  --aura-products-grid-mobile: 2;

  /* Header */
  --aura-header-position: sticky;
  --aura-header-z-index: 100;
}