/*
 * Shared design tokens for standalone components (currently just the cookie
 * consent banner) that aren't part of any one page's inline <style> block.
 * Values are pulled from the brand palette already duplicated across
 * landing/index.html, landing/privacy-policy.html and landing/terms.html.
 */
:root {
  --color-dark-gray: #1A0D30;   /* --nav */
  --color-white: #FFFFFF;
  --color-secondary: #E91B60;   /* --bid */
  --color-gray-200: #E5DDF2;
  --color-gray-300: rgba(255, 255, 255, 0.70);
  --color-gray-400: #B7AECB;
  --color-gray-500: rgba(255, 255, 255, 0.40);
  --color-gray-700: #403A52;   /* --copy */

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-xl: 1.25rem;

  --font-weight-semibold: 600;
  --font-weight-bold: 800;

  --radius-full: 999px;
  --radius-lg: 16px;

  --shadow-2xl: 0 24px 60px rgba(0, 0, 0, 0.45);

  --z-modal: 1000;
}