/*
Theme Name: Comfort Zone Norge
Theme URI: https://comfortzoneskin.no
Description: Custom WooCommerce theme for Comfort Zone Norge — pixel-match of uk.comfortzoneskin.com
Author: Verdant AS
Author URI: https://verdant.no
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: comfortzone-no
License: Proprietary
*/

/* ==========================================================================
   DESIGN TOKENS — matching uk.comfortzoneskin.com
   ========================================================================== */

:root {
  /* Colors - matching uk.comfortzoneskin.com exactly */
  --cz-black: #1A1A1A;
  --cz-white: #FFFFFF;
  --cz-cream: #F5F3EF;
  --cz-cream-dark: #EDE9E3;
  --cz-gray-100: #F7F7F7;
  --cz-gray-200: #E5E5E5;
  --cz-gray-300: #D4D4D4;
  --cz-gray-400: #A3A3A3;
  --cz-gray-500: #6B6B6B;
  --cz-gray-600: #525252;
  --cz-gray-700: #404040;
  --cz-gray-800: #262626;
  --cz-red: #C41E3A;
  --cz-green: #435450;
  --cz-primary: #1A1A1A;

  /* Typography - Inter everywhere */
  --font-serif: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-ui: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Font sizes */
  --text-xs: 0.6875rem;    /* 11px */
  --text-sm: 0.8125rem;    /* 13px */
  --text-base: 0.875rem;   /* 14px */
  --text-md: 1rem;         /* 16px */
  --text-lg: 1.125rem;     /* 18px */
  --text-xl: 1.25rem;      /* 20px */
  --text-2xl: 1.5rem;      /* 24px */
  --text-3xl: 1.875rem;    /* 30px */
  --text-4xl: 2.25rem;     /* 36px */
  --text-5xl: 3rem;        /* 48px */
  --text-6xl: 3.75rem;     /* 60px */

  /* Letter spacing */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.05em;
  --tracking-wider: 0.1em;
  --tracking-widest: 0.15em;

  /* Line heights */
  --leading-none: 1;
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Spacing */
  --space-section: clamp(4rem, 8vw, 7.5rem);

  /* Layout */
  --container-max: 1440px;
  --container-padding: clamp(1rem, 4vw, 3rem);
  --grid-gap: 1.25rem;

  /* Header */
  --announcement-height: 40px;
  --header-height: 70px;
  --header-total: calc(var(--announcement-height) + var(--header-height));

  /* Transitions */
  --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 500ms;

  /* Z-index */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
}