/*
Theme Name: Peptheos
Theme URI: https://peptheos.com
Description: Research-grade peptides. Clinical transparency, Greek identity.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: peptheos
*/

/* ============================================================
   DESIGN TOKENS
   Brand board values. All component CSS uses these vars only.
   ============================================================ */

:root {

  /* --- Backgrounds --- */
  --color-bg:           #FFFFFF;
  --color-slate:        #F0F2F5;
  --color-slate-mid:    #E2E6EC;
  --color-dark-section: #111318;

  /* --- Type --- */
  --color-ink:           #0A0A0C;
  --color-ink-hover:     #2A2A2E;
  --color-ink-secondary: #5A6170;
  --color-ink-disabled:  #A0A8B4;
  --color-ink-inverse:   #F5F6F8;

  /* --- Primary accent: pricing and premium badges only --- */
  --color-gold:       #C8A8A8;
  --color-gold-dark:  #A88888;
  --color-gold-light: #FBF6F6;

  /* --- Brand palette --- */
  --color-sage:       #8FA1BE;
  --color-slate-blue: #6D7FA6;
  --color-lavender:   #A75CC1;
  --color-bordeaux:   #8B2E3D;
  --color-brand-gold: #C8A8E3;

  /* --- Bronze: Greek ornamental elements only --- */
  --color-bronze:       #8B6914;
  --color-bronze-light: #C49A3C;

  /* --- Borders --- */
  --color-border:      #E2E6EC;
  --color-border-dark: #C8CDD6;

  /* --- Product line accents: top border stripe on cards only --- */
  --color-line-revia: #8FA1BE;
  --color-line-vion:  #6D7FA6;
  --color-line-cella: #A75CC1;
  --color-line-orin:  #8B2E3D;
  --color-line-eira:  #8A7B5E;
  --color-line-vea:   #C8A8E3;

  /* --- Semantic --- */
  --color-success: #2D7A5B;
  --color-error:   #C0392B;

  /* --- Typography --- */
  --font-display:  'Cinzel', Georgia, serif;
  --font-body:     'Manrope', system-ui, sans-serif;
  --font-mono:     'JetBrains Mono', monospace;
  --font-wordmark: 'Cinzel', Georgia, serif;

  /* --- Type Scale --- */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  clamp(2.5rem, 6vw, 4.5rem);
  --text-7xl:  clamp(3rem, 8vw, 6.5rem);
  --text-hero: clamp(4.5rem, 14vw, 11rem);

  /* --- Spacing --- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --section-block: clamp(5rem, 10vw, 10rem);
  --grid-margin:   clamp(1.5rem, 5vw, 6rem);
  --grid-gutter:   clamp(0.75rem, 1.5vw, 1.5rem);

  /* --- Border Radius --- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  /* --- Transitions --- */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-base: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 400ms;

  /* --- Z-Index --- */
  --z-base:    1;
  --z-raised:  10;
  --z-nav:     100;
  --z-overlay: 200;
  --z-modal:   300;
}