/*
 * Google Cloud (google-cloud@1.0.0)
 * Palette: google-cloud@1.0.0
 * Fonts:   heading=google-sans@1.0.0, body=roboto@1.0.0, mono=roboto@1.0.0
 * Generated by brand-atoms converter — do not edit by hand.
 */

:root {
  /* Swatches (source-of-truth color values) */
  --color-swatch-google-blue: #4285F4;
  --color-swatch-cloud-blue-600: #1A73E8;
  --color-swatch-cloud-blue-700: #185ABC;
  --color-swatch-google-red: #EA4335;
  --color-swatch-google-yellow: #FBBC04;
  --color-swatch-google-green: #34A853;
  --color-swatch-google-grey-900: #202124;
  --color-swatch-google-grey-700: #5F6368;
  --color-swatch-google-grey-500: #9AA0A6;
  --color-swatch-google-grey-200: #E8EAED;
  --color-swatch-google-grey-100: #F1F3F4;
  --color-swatch-google-grey-50: #F8F9FA;
  --color-swatch-google-white: #FFFFFF;
  --color-swatch-google-grey-1000: #171717;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F8F9FA;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #202124;
  --color-text-secondary: #5F6368;
  --color-text-tertiary: #9AA0A6;
  --color-primary: #1A73E8;
  --color-primary-hover: #185ABC;
  --color-accent: #4285F4;
  --color-accent-hover: #1A73E8;
  --color-warning: #FBBC04;
  --color-warning-hover: #EA4335;
  --color-error: #EA4335;
  --color-success: #34A853;

  /* Brand-level role overrides */
  --brand-color-identity: #1A73E8;
  --brand-color-on-identity: #FFFFFF;
  --brand-color-primary: #1A73E8;
  --brand-color-primary-hover: #185ABC;
  --brand-color-accent: #4285F4;
  --brand-color-accent-hover: #1A73E8;
  --brand-color-background: #FFFFFF;
  --brand-color-surface: #F8F9FA;
  --brand-color-surface-elevated: #FFFFFF;
  --brand-color-text-primary: #202124;
  --brand-color-text-secondary: #5F6368;
  --brand-color-text-tertiary: #9AA0A6;
  --brand-color-logo-quadrant-blue: #4285F4;
  --brand-color-logo-quadrant-red: #EA4335;
  --brand-color-logo-quadrant-yellow: #FBBC04;
  --brand-color-logo-quadrant-green: #34A853;
  --brand-color-mark: #1A73E8;

  /* Typography */
  --font-heading: 'Google Sans', Roboto, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-body: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark-mode semantic roles override light-mode values */
    --color-background: #171717;
    --color-surface: #202124;
    --color-surface-elevated: #5F6368;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #E8EAED;
    --color-text-tertiary: #9AA0A6;
    --color-primary: #4285F4;
    --color-primary-hover: #1A73E8;
    --color-accent: #4285F4;
    --color-accent-hover: #1A73E8;
    --color-warning: #FBBC04;
    --color-warning-hover: #EA4335;
    --color-error: #EA4335;
    --color-success: #34A853;
  }
}