/* === PAY-7 OLIVE CRAFT — Anthony Pellicer === */
:root {
  /* Palette skin */
  --bg:          #F7F1E1;
  --bg-alt:      #EDE5D0;
  --surface:     #FFFFFF;
  --text:        #312A20;
  --text-2:      oklch(36% 0.04 68);
  --text-mute:   oklch(52% 0.03 70);
  --border:      rgba(49,42,32,0.14);

  /* Accent olive */
  --accent:      #6B7A3A;
  --accent-2:    #8A9B55;
  --accent-soft: rgba(107,122,58,0.12);
  --accent-dark: #4A5628;
  --primary:     #6B7A3A;

  /* WhatsApp */
  --wa-green:    #25D366;

  /* Typographies */
  --ff-display:  'Playfair Display', Georgia, 'Times New Roman', serif;
  --ff-body:     'Inter', system-ui, -apple-system, sans-serif;
  --ff-ui:       'Inter', system-ui, -apple-system, sans-serif;

  /* Rayons */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   16px;
  --r-xl:   24px;

  /* Header */
  --header-h:        68px;
  --header-h-mobile: 60px;

  /* Z-index — burger > header > menu */
  --z-header: 1100;
  --z-menu:   1000;

  /* Container */
  --container: min(1200px, 100% - 48px);

  /* Transitions */
  --ease:     cubic-bezier(.4,0,.2,1);
  --dur:      .28s;
}

/* Grille fine TEX-4 : grille dessinee en SVG encode */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40M0 0v40' stroke='%236B7A3A' stroke-width='.35' stroke-opacity='.08'/%3E%3C/svg%3E");
  background-size: 40px 40px;
}

/* Sélection brandée */
::selection { background: var(--accent-soft); color: var(--accent-dark); }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg-alt); }
::-webkit-scrollbar-thumb { background: var(--accent-2); border-radius: 3px; }

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

/* Placeholder */
::placeholder { color: var(--text-mute); }