/*
 * TikTok (tiktok@1.0.0)
 * Palette: tiktok@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-tiktok-red: #FE2C55;
  --color-swatch-tiktok-cyan: #25F4EE;
  --color-swatch-tiktok-red-deep: #D91E45;
  --color-swatch-tiktok-cyan-deep: #0BB8B3;
  --color-swatch-tiktok-black: #000000;
  --color-swatch-tiktok-near-black: #121212;
  --color-swatch-tiktok-charcoal: #1F1F1F;
  --color-swatch-tiktok-white: #FFFFFF;
  --color-swatch-tiktok-fog: #F1F1F2;
  --color-swatch-tiktok-gray: #86878B;
  --color-swatch-tiktok-gray-light: #BBBBBC;

  /* Light-mode semantic roles */
  --color-background: #F1F1F2;
  --color-surface: #FFFFFF;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #000000;
  --color-text-secondary: #86878B;
  --color-text-tertiary: #BBBBBC;
  --color-primary: #FE2C55;
  --color-primary-hover: #D91E45;
  --color-accent: #25F4EE;
  --color-accent-hover: #0BB8B3;
  --color-warning: #D91E45;
  --color-warning-hover: #FE2C55;
  --color-error: #D91E45;
  --color-success: #25F4EE;

  /* Brand-level role overrides */
  --brand-color-identity: #000000;
  --brand-color-on-identity: #FFFFFF;
  --brand-color-background: #000000;
  --brand-color-surface: #121212;
  --brand-color-surface-elevated: #1F1F1F;
  --brand-color-text-primary: #FFFFFF;
  --brand-color-text-secondary: #BBBBBC;
  --brand-color-text-tertiary: #86878B;
  --brand-color-primary: #FE2C55;
  --brand-color-primary-hover: #D91E45;
  --brand-color-accent: #25F4EE;
  --brand-color-accent-hover: #0BB8B3;
  --brand-color-mark: #FFFFFF;
  --brand-color-mark-channel-red: #FE2C55;
  --brand-color-mark-channel-cyan: #25F4EE;
  --brand-color-text-emphasis: #FFFFFF;

  /* 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: #000000;
    --color-surface: #121212;
    --color-surface-elevated: #1F1F1F;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #BBBBBC;
    --color-text-tertiary: #86878B;
    --color-primary: #FE2C55;
    --color-primary-hover: #D91E45;
    --color-accent: #25F4EE;
    --color-accent-hover: #0BB8B3;
    --color-warning: #FE2C55;
    --color-warning-hover: #D91E45;
    --color-error: #FE2C55;
    --color-success: #25F4EE;
  }
}