:root {
  /* BRAND COLORS */
  --sony-orange: #d64200;
  --sony-light-orange: #dd710e;

  /* STEEL PALETTE */
  --steel-10: #ebebff;
  --steel-50: #cecee3;
  --steel-100: #9494b2;
  --steel-300: #5d5d83;
  --steel-500: #333348;
  --steel-700: #1d1d29;

  /* GREYSCALE */
  --color-a00: #ffffff;
  --color-a80: #333333;
  --color-a100: #000000;

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

  /* FONT SIZES */
  --text-h1: 64px;
  --text-h2: 48px;
  --text-h3: 32px;
  --text-h4: 28px;
  --text-body-lg: 24px;
  --text-body-md: 20px;
  --text-body-sm: 16px;
  --text-body-xs: 14px;

  /* LINE HEIGHTS */
  --lh-heading: 1.1;
  --lh-body: 1.5;

  /* 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: 6px;
  --radius-pill: 100px;
  --radius-img: 8px;

  /* SHADOWS */
  --shadow-hands-on: 0px 10px 100px 0px rgba(93, 93, 131, 0.8);
  --shadow-camera-product: 0px 0px 100px 100px rgba(0, 0, 0, 0.25);
  --shadow-sticky-nav: 0 2px 8px rgba(0, 0, 0, 0.15);

  /* Z-INDICES */
  --z-sticky-nav: 100;
  --z-lightbox: 1000;
  --z-modal: 1100;
  --z-drawer: 1200;
}