:root {
  /* ===== Background Colors (Apple Light Premium) ===== */
  --bg-dark: #f5f7fb;          /* Main page background (soft off-white) */
  --bg-darker: #eef1f6;        /* Section alternate background */
  --bg-light: #ffffff;        /* Pure card / surface background */
  --bg-surface: #ffffff;      /* Cards, panels, hero surfaces */

  /* ===== Brand Colors ===== */
  --primary: #194479;          /* Brand blue (unchanged) */
  --primary-soft: rgba(25, 68, 121, 0.12);

  --accent: #e26c0c;           /* Brand orange */
  --accent-2: #ff974a;         /* Soft orange highlight */
  --accent-soft: rgba(226, 108, 12, 0.14);

  /* ===== Text Colors (Apple Contrast) ===== */
  --text-strong: #0b1220;      /* Headings (near-black, Apple style) */
  --text-main: #2b3345;        /* Main paragraph text */
  --text-muted: #353637;       /* Secondary text / meta */

  /* ===== Borders & Shadows ===== */
  --border-subtle: rgba(15, 23, 42, 0.08);
  --border-strong: rgba(15, 23, 42, 0.14);

  --shadow-soft: 
    0 8px 20px rgba(15, 23, 42, 0.08),
    0 1px 3px rgba(15, 23, 42, 0.05);

  --shadow-glow: 
    0 8px 30px rgba(226, 108, 12, 0.25);

  /* ===== Radiuses ===== */
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-xxl: 38px;

  /* ===== Layout ===== */
  --container-width: 1280px;
  --section-padding: 20px;

  /* ===== Transitions (Apple-like easing) ===== */
  --transition-fast: 0.2s ease;
  --transition-med: 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  --transition-slow: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}