/**
 * RO SACHY LTD - Master Theme Configuration
 *
 * CRITICAL: This file contains ALL brand variables used across the entire website.
 * To rebrand or update design tokens, modify this file only.
 * Every color, font, spacing, and asset path references these CSS variables.
 */

:root {
  /* ============================================================
     PRIMARY BRAND COLORS
     ============================================================ */
  --color-primary: #1A2E4A;        /* Deep navy - corporate trust */
  --color-secondary: #C9A84C;      /* Warm gold - premium accent */
  --color-accent: #4A7C6F;         /* Sustainable green - ESG elements */

  /* ============================================================
     NEUTRAL PALETTE
     ============================================================ */
  --color-bg: #FAFAF8;             /* Off-white background */
  --color-bg-dark: #0F1E30;        /* Dark navy background */
  --color-text: #1C1C1C;           /* Primary text */
  --color-text-light: #6B7280;     /* Secondary/muted text */
  --color-border: #E5E7EB;         /* Subtle borders */
  --color-white: #FFFFFF;          /* Pure white */
  --color-overlay: rgba(15, 30, 48, 0.75); /* Dark overlay for hero images */

  /* ============================================================
     TYPOGRAPHY
     ============================================================ */
  --font-heading: 'Cormorant Garamond', serif;  /* Elegant, Japanese-inspired */
  --font-body: 'Inter', sans-serif;             /* Clean, readable */

  /* Font Sizes */
  --text-xs: 0.75rem;      /* 12px */
  --text-sm: 0.875rem;     /* 14px */
  --text-base: 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 */
  --text-7xl: 4.5rem;      /* 72px */

  /* Font Weights */
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Line Heights */
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;

  /* ============================================================
     SPACING SCALE
     ============================================================ */
  --space-xs: 0.5rem;      /* 8px */
  --space-sm: 1rem;        /* 16px */
  --space-md: 2rem;        /* 32px */
  --space-lg: 4rem;        /* 64px */
  --space-xl: 8rem;        /* 128px */
  --space-2xl: 12rem;      /* 192px */

  /* ============================================================
     LOGO & ASSETS
     ============================================================ */
  --logo-path: 'assets/images/logo.png';

  /* ============================================================
     LAYOUT
     ============================================================ */
  --container-max: 1280px;
  --container-padding: 1.5rem;
  --nav-height: 80px;
  --footer-bg: var(--color-bg-dark);

  /* ============================================================
     BORDERS & RADIUS
     ============================================================ */
  --border-width: 1px;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;

  /* ============================================================
     SHADOWS (Subtle only)
     ============================================================ */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

  /* ============================================================
     TRANSITIONS
     ============================================================ */
  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 400ms ease-in-out;

  /* ============================================================
     Z-INDEX LAYERS
     ============================================================ */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-modal-backdrop: 1030;
  --z-modal: 1040;
  --z-tooltip: 1050;
}

/* ============================================================
   RESPONSIVE BREAKPOINTS (for reference in media queries)
   ============================================================ */
/* Mobile: < 768px */
/* Tablet: 768px - 1199px */
/* Desktop: >= 1200px */