/*
 * Coursera (coursera@1.0.0)
 * Palette: coursera@1.0.0
 * Fonts:   heading=source-sans-3@1.0.0, body=source-sans-3@1.0.0, mono=source-code-pro@1.0.0
 * Generated by brand-atoms converter — do not edit by hand.
 */

:root {
  /* Swatches (source-of-truth color values) */
  --color-swatch-coursera-blue: #0056D2;
  --color-swatch-bluish-white: #F3F8FF;
  --color-swatch-blue-dark: #003C8F;
  --color-swatch-blue-pale: #E3EEFF;
  --color-swatch-blue-deep: #002761;
  --color-swatch-ink-50: #1F1F1F;
  --color-swatch-ink-100: #303030;
  --color-swatch-ink-300: #616161;
  --color-swatch-ink-500: #757575;
  --color-swatch-ink-700: #9E9E9E;
  --color-swatch-white: #FFFFFF;
  --color-swatch-surface: #FAFAFA;
  --color-swatch-surface-2: #F5F5F5;
  --color-swatch-border: #E0E0E0;
  --color-swatch-success: #1B8057;
  --color-swatch-warning: #F28100;
  --color-swatch-error: #F44336;
  --color-swatch-error-deep: #66000F;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F3F8FF;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #1F1F1F;
  --color-text-secondary: #616161;
  --color-text-tertiary: #757575;
  --color-primary: #0056D2;
  --color-primary-hover: #003C8F;
  --color-accent: #0056D2;
  --color-accent-hover: #003C8F;
  --color-warning: #F28100;
  --color-warning-hover: #F28100;
  --color-error: #F44336;
  --color-success: #1B8057;
  --color-border: #E0E0E0;

  /* Brand-level role overrides */
  --brand-color-identity: #FFFFFF;
  --brand-color-on-identity: #1F1F1F;
  --brand-color-primary: #0056D2;
  --brand-color-primary-hover: #003C8F;
  --brand-color-accent: #0056D2;
  --brand-color-accent-hover: #003C8F;
  --brand-color-mark: #0056D2;
  --brand-color-success: #1B8057;
  --brand-color-warning: #F28100;
  --brand-color-error: #F44336;
  --brand-color-text-primary-light: #1F1F1F;
  --brand-color-text-primary-dark: #FFFFFF;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #1F1F1F;
  --brand-color-surface-light: #F3F8FF;
  --brand-color-surface-dark: #303030;
  --brand-color-text-secondary-light: #616161;
  --brand-color-text-tertiary-light: #757575;
  --brand-color-border-light: #E0E0E0;

  /* Typography */
  --font-heading: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Source Code Pro', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark-mode semantic roles override light-mode values */
    --color-background: #1F1F1F;
    --color-surface: #303030;
    --color-surface-elevated: #616161;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #F5F5F5;
    --color-text-tertiary: #9E9E9E;
    --color-primary: #0056D2;
    --color-primary-hover: #F3F8FF;
    --color-accent: #F3F8FF;
    --color-accent-hover: #E3EEFF;
    --color-warning: #F28100;
    --color-warning-hover: #F28100;
    --color-error: #F44336;
    --color-success: #1B8057;
    --color-border: #616161;
  }
}