/*
 * Roblox (roblox@1.0.0)
 * Palette: roblox@1.0.0
 * Fonts:   heading=inter@1.0.0, body=inter@1.0.0, mono=jetbrainsmono-nerdfont@1.0.0
 * Generated by brand-atoms converter — do not edit by hand.
 */

:root {
  /* Swatches (source-of-truth color values) */
  --color-swatch-emphasis-blue: #335FFF;
  --color-swatch-emphasis-blue-link: #1446FF;
  --color-swatch-emphasis-blue-bright: #528BFF;
  --color-swatch-emphasis-blue-pale: #8FB4FF;
  --color-swatch-emphasis-blue-light: #EBF1FF;
  --color-swatch-emphasis-blue-deep: #002DD6;
  --color-swatch-emphasis-blue-deepest: #00145C;
  --color-swatch-ink: #121215;
  --color-swatch-ink-elevated: #191A1F;
  --color-swatch-ink-surface: #202227;
  --color-swatch-ink-card: #272930;
  --color-swatch-paper: #FFFFFF;
  --color-swatch-paper-elevated: #F7F7F8;
  --color-swatch-paper-divider: #EEEFF1;
  --color-swatch-paper-line: #E6E7EA;
  --color-swatch-content-emphasis: #202227;
  --color-swatch-content-default: #494D5A;
  --color-swatch-content-muted: #6A6F81;
  --color-swatch-content-soft: #BCBEC8;
  --color-swatch-content-soft-light: #D5D7DD;
  --color-swatch-system-success: #39C582;
  --color-swatch-system-warning: #F2BA2A;
  --color-swatch-system-alert: #DF281F;
  --color-swatch-system-alert-dark: #F04433;
  --color-swatch-accent-magenta: #C00AE8;
  --color-swatch-accent-purple: #9348F0;
  --color-swatch-accent-turquoise: #127D98;
  --color-swatch-accent-orange: #C05014;
  --color-swatch-accent-pink: #CD377B;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F7F7F8;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #202227;
  --color-text-secondary: #494D5A;
  --color-text-tertiary: #6A6F81;
  --color-primary: #335FFF;
  --color-primary-hover: #002DD6;
  --color-accent: #1446FF;
  --color-accent-hover: #002DD6;
  --color-warning: #F2BA2A;
  --color-warning-hover: #C05014;
  --color-error: #DF281F;
  --color-success: #39C582;
  --color-border: #E6E7EA;

  /* Brand-level role overrides */
  --brand-color-identity: #191A1F;
  --brand-color-on-identity: #335FFF;
  --brand-color-primary: #335FFF;
  --brand-color-primary-hover: #002DD6;
  --brand-color-accent: #1446FF;
  --brand-color-accent-hover: #002DD6;
  --brand-color-mark: #F7F7F8;
  --brand-color-success: #39C582;
  --brand-color-warning: #F2BA2A;
  --brand-color-error: #DF281F;
  --brand-color-text-primary-light: #202227;
  --brand-color-text-primary-dark: #F7F7F8;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #191A1F;
  --brand-color-surface-light: #F7F7F8;
  --brand-color-surface-dark: #202227;
  --brand-color-text-secondary-light: #494D5A;
  --brand-color-text-tertiary-light: #6A6F81;
  --brand-color-border-light: #E6E7EA;

  /* Typography */
  --font-heading: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrainsMono Nerd Font', 'JetBrains Mono', 'Fira Code', Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark-mode semantic roles override light-mode values */
    --color-background: #191A1F;
    --color-surface: #202227;
    --color-surface-elevated: #272930;
    --color-text-primary: #F7F7F8;
    --color-text-secondary: #D5D7DD;
    --color-text-tertiary: #BCBEC8;
    --color-primary: #335FFF;
    --color-primary-hover: #528BFF;
    --color-accent: #528BFF;
    --color-accent-hover: #8FB4FF;
    --color-warning: #F2BA2A;
    --color-warning-hover: #C05014;
    --color-error: #F04433;
    --color-success: #39C582;
    --color-border: #272930;
  }
}