/**
 * Aptotema Design System: CSS Variables & Design Tokens
 * Minimalist High-Fashion / Anine Bing aesthetic
 */

:root {
  /* Typography */
  --apt-font-serif: 'Bodoni Moda', 'Playfair Display', Georgia, serif;
  --apt-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Font Sizes */
  --apt-text-xxs: 0.6875rem;  /* 11px */
  --apt-text-xs: 0.75rem;     /* 12px */
  --apt-text-sm: 0.8125rem;   /* 13px */
  --apt-text-base: 0.875rem;  /* 14px */
  --apt-text-md: 0.9375rem;   /* 15px */
  --apt-text-lg: 1.0625rem;   /* 17px */
  --apt-text-xl: 1.25rem;     /* 20px */
  --apt-text-2xl: 1.625rem;   /* 26px */
  --apt-text-3xl: 2.25rem;    /* 36px */
  --apt-text-4xl: 3.25rem;    /* 52px */
  --apt-text-5xl: 4.5rem;     /* 72px */

  /* Letter Spacing */
  --apt-tracking-tight: -0.02em;
  --apt-tracking-normal: 0;
  --apt-tracking-wide: 0.06em;
  --apt-tracking-wider: 0.12em;
  --apt-tracking-widest: 0.2em;

  /* Color Palette - Ultra Minimal Luxury */
  --apt-color-bg: #FFFFFF;
  --apt-color-bg-secondary: #FAFAFA;
  --apt-color-bg-alt: #F4F4F2;
  --apt-color-surface: #FFFFFF;
  --apt-color-overlay: rgba(0, 0, 0, 0.45);

  /* Skeleton Loading & Placeholder Tokens */
  --apt-color-skeleton-base: #EFEFEF;
  --apt-color-skeleton-highlight: #F8F8F8;
  --apt-skeleton-gradient: linear-gradient(
    90deg,
    var(--apt-color-skeleton-base) 0%,
    var(--apt-color-skeleton-highlight) 50%,
    var(--apt-color-skeleton-base) 100%
  );

  --apt-color-text: #000000;
  --apt-color-text-body: #1F1F1F;
  --apt-color-text-muted: #6B6B6B;
  --apt-color-text-subtle: #8E8E8E;
  --apt-color-text-light: #B5B5B5;

  --apt-color-link: #000000;
  --apt-color-link-hover: #707070;

  --apt-color-border: #E8E8E6;
  --apt-color-border-subtle: #F2F2F0;
  --apt-color-border-dark: #000000;

  --apt-color-accent: #000000;
  --apt-color-sale: #8C3B27;
  --apt-color-success: #2D5A34;

  /* Header & Navigation Colors */
  --apt-color-topbar-bg: #F4F4F2;
  --apt-color-topbar-text: #000000;
  --apt-color-topbar-hover: #666666;
  --apt-color-header-bg: #FFFFFF;
  --apt-color-header-text: #000000;
  --apt-color-header-hover: #707070;
  --apt-color-cart-badge-bg: #000000;
  --apt-color-cart-badge-text: #FFFFFF;
  --apt-color-header-submenu-bg: #FFFFFF;
  --apt-color-header-submenu-text: #1F1F1F;
  --apt-color-header-submenu-hover: #000000;

  /* E-Commerce & Price Colors */
  --apt-color-price-regular: #000000;
  --apt-color-price-sale: #8C3B27;
  --apt-color-price-del: #9E9E9E;
  --apt-color-badge-sale-bg: #8C3B27;
  --apt-color-badge-sale-text: #FFFFFF;
  --apt-color-badge-soldout-bg: #F4F4F2;
  --apt-color-badge-soldout-text: #6B6B6B;
  --apt-color-badge-new-bg: #000000;
  --apt-color-badge-new-text: #FFFFFF;
  --apt-color-star-rating: #000000;

  /* Buttons & Hover Colors */
  --apt-color-btn-primary-bg: #000000;
  --apt-color-btn-primary-text: #FFFFFF;
  --apt-color-btn-primary-hover-bg: #222222;
  --apt-color-btn-primary-hover-text: #FFFFFF;
  --apt-color-btn-secondary-bg: #FFFFFF;
  --apt-color-btn-secondary-text: #000000;
  --apt-color-btn-secondary-border: #000000;
  --apt-color-btn-secondary-hover-bg: #000000;
  --apt-color-btn-secondary-hover-text: #FFFFFF;
  --apt-color-btn-secondary-hover-border: #000000;

  /* Footer & Newsletter Colors & Typography */
  --apt-color-footer-bg: #FAFAFA;
  --apt-color-footer-title: #000000;
  --apt-color-footer-text: #1F1F1F;
  --apt-color-footer-link: #6B6B6B;
  --apt-color-footer-link-hover: #000000;
  --apt-color-footer-social: #6B6B6B;
  --apt-color-footer-social-hover: #000000;
  --apt-color-footer-copyright: #8E8E8E;
  --apt-color-footer-border: #F2F2F0;
  --apt-footer-font-size: 12px;
  --apt-footer-title-font-size: 11px;
  --apt-footer-bottom-font-size: 11px;
  --apt-footer-font-family: var(--apt-font-sans);
  --apt-color-newsletter-bg: #FAFAFA;
  --apt-color-newsletter-title: #000000;
  --apt-color-newsletter-subtitle: #6B6B6B;
  --apt-color-newsletter-input-bg: #FFFFFF;
  --apt-color-newsletter-input-border: #E8E8E6;
  --apt-color-newsletter-input-text: #000000;

  /* Drawer & Form Colors */
  --apt-color-cart-drawer-bg: #FFFFFF;
  --apt-color-cart-drawer-text: #000000;
  --apt-color-free-shipping-bar: #000000;
  --apt-color-free-shipping-unlocked: #2D5A34;
  --apt-color-input-bg: #FFFFFF;
  --apt-color-input-text: #000000;
  --apt-color-input-border: #E8E8E6;
  --apt-color-input-focus-border: #000000;

  /* Dimensions & Spacing */
  --apt-nav-font-size: 12px;
  --apt-megamenu-max-width: 1200px;
  --apt-topbar-height: 38px;
  --apt-header-row1-height: 58px;
  --apt-header-row2-height: 46px;
  --apt-header-height: 104px;
  --apt-site-header-total-height: calc(var(--apt-topbar-height, 38px) + var(--apt-header-height, 104px));
  --apt-container-max: 1720px;
  --apt-container-narrow: 1200px;
  --apt-gutter: 28px;
  --apt-gutter-mobile: 16px;

  /* Transitions */
  --apt-ease-fast: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --apt-ease-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --apt-ease-editorial: 0.6s cubic-bezier(0.19, 1, 0.22, 1);

  /* Shadows */
  --apt-shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.04);
  --apt-shadow-drawer: -10px 0 40px rgba(0, 0, 0, 0.08);

  /* Z-Index Hierarchy */
  --apt-z-sticky: 100;
  --apt-z-header: 200;
  --apt-z-overlay: 400;
  --apt-z-search: 500;
  --apt-z-drawer: 600;
  --apt-z-modal: 700;
}