/* ============================================================
   DESIGN TOKENS — Canon EOS R6V 7K Landing Page
   ============================================================ */

:root {
  /* =============================================
     BRAND COLORS
     ============================================= */
  --canon-red:       #ed1c2e;
  --canon-red-dark:  #c41524;

  /* =============================================
     GREYSCALE
     ============================================= */
  --color-a100: #000000;   /* black */
  --color-a80:  #333333;
  --color-a20:  #cccccc;
  --color-a10:  #e5e5e5;
  --color-a05:  #f2f2f2;
  --color-a00:  #ffffff;   /* white */

  /* =============================================
     TYPOGRAPHY
     ============================================= */
  --font-heading: 'Montserrat', sans-serif;
  --font-body:    'Open Sans', sans-serif;

  /* Sizes */
  --text-h1:       60px;
  --text-h2:       44px;
  --text-h3:       28px;
  --text-body-lg:  20px;
  --text-body-md:  18px;
  --text-body-sm:  16px;

  /* Line heights */
  --lh-heading:   1;
  --lh-body-lg:   27px;
  --lh-body-md:   24px;
  --lh-body-sm:   22px;

  /* =============================================
     SPACING
     ============================================= */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  60px;
  --space-xxl: 80px;

  /* =============================================
     LAYOUT
     ============================================= */
  --max-width: 1350px;

  /* =============================================
     RADII
     ============================================= */
  --radius-btn:    6px;
  --radius-card:   8px;
  --radius-img:    16px;
  --radius-circle: 1000px;

  /* =============================================
     SHADOWS
     ============================================= */
  --shadow-card: 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 4px 3px rgba(0, 0, 0, 0.2);

  /* =============================================
     Z-INDICES
     ============================================= */
  --z-lightbox: 1000;
  --z-modal:    1100;
}