/* GENERATED FILE — DO NOT EDIT.
 *
 * Produced from TubeRefineryColors by
 * theme_system/tool/export_tokens_css.dart. Edit the Dart palette and
 * regenerate; editing this file directly means the marketing site and the
 * Flutter app disagree about the brand.
 *
 * Regenerate with:
 *   cd packages/theme_system && flutter test test/tokens_css_export_test.dart
 *
 * Dark is unconditional because it is TubeRefinery's default ground. Light is
 * opt-in via [data-theme="light"], and is also honoured for visitors whose
 * system asks for light without having made an explicit choice.
 */

:root {
  /* Brand */
  --color-primary: #ff2d20;
  --color-on-primary: #ffffff;
  --color-primary-fill: #dd241a;
  --color-primary-hover: #c81f15;
  --color-primary-container: #2e100e;
  --color-on-primary-container: #ffffff;

  /* Ground and ink */
  --color-surface: #0b0d0f;
  --color-on-surface: #ffffff;
  --color-surface-variant: #060709;
  --color-on-surface-variant: #9aa1a7;
  --color-background: #0b0d0f;
  --color-on-background: #ffffff;

  /* Surface ramp */
  --color-surface-container-lowest: #060709;
  --color-surface-container-low: #0b0d0f;
  --color-surface-container: #181b1e;
  --color-surface-container-high: #181b1e;
  --color-surface-container-highest: #262b30;
  --color-surface-tint: #ff2d20;

  /* Supporting */
  --color-secondary: #9aa1a7;
  --color-on-secondary: #0b0d0f;
  --color-secondary-container: #181b1e;
  --color-on-secondary-container: #ffffff;
  --color-tertiary: #6b7278;
  --color-on-tertiary: #0b0d0f;
  --color-tertiary-container: #181b1e;
  --color-on-tertiary-container: #ffffff;

  /* Status */
  --color-error: #e06c6c;
  --color-on-error: #0b0d0f;
  --color-error-container: #2e1414;
  --color-on-error-container: #e06c6c;
  --color-success: #6ab076;
  --color-on-success: #0b0d0f;
  --color-success-container: #14251a;
  --color-on-success-container: #6ab076;

  /* Lines and utility */
  --color-outline: #262b30;
  --color-outline-variant: #6b7278;
  --color-shadow: #00000014;
  --color-scrim: #00000099;

  /* Inverse */
  --color-inverse-surface: #ffffff;
  --color-on-inverse-surface: #0b0d0f;
  --color-inverse-primary: #ff2d20;

  /* Text selection */
  --color-text-selection-color: #ff2d2040;
  --color-text-cursor-color: #ff2d20;
  --color-text-selection-handle-color: #ff2d20;
}

[data-theme='light'] {
  /* Brand */
  --color-primary: #ff2d20;
  --color-on-primary: #ffffff;
  --color-primary-fill: #dd241a;
  --color-primary-hover: #c81f15;
  --color-primary-container: #ffebe9;
  --color-on-primary-container: #0b0d0f;

  /* Ground and ink */
  --color-surface: #ffffff;
  --color-on-surface: #0b0d0f;
  --color-surface-variant: #f4f5f6;
  --color-on-surface-variant: #52575c;
  --color-background: #ffffff;
  --color-on-background: #0b0d0f;

  /* Surface ramp */
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f4f5f6;
  --color-surface-container: #ffffff;
  --color-surface-container-high: #ffffff;
  --color-surface-container-highest: #e2e5e8;
  --color-surface-tint: #ff2d20;

  /* Supporting */
  --color-secondary: #52575c;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #f4f5f6;
  --color-on-secondary-container: #0b0d0f;
  --color-tertiary: #6f767c;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #f4f5f6;
  --color-on-tertiary-container: #0b0d0f;

  /* Status */
  --color-error: #a82a2a;
  --color-on-error: #ffffff;
  --color-error-container: #f7e4e4;
  --color-on-error-container: #a82a2a;
  --color-success: #2f6b3a;
  --color-on-success: #ffffff;
  --color-success-container: #e6f0e8;
  --color-on-success-container: #2f6b3a;

  /* Lines and utility */
  --color-outline: #e2e5e8;
  --color-outline-variant: #c6cbcf;
  --color-shadow: #00000014;
  --color-scrim: #00000099;

  /* Inverse */
  --color-inverse-surface: #0b0d0f;
  --color-on-inverse-surface: #ffffff;
  --color-inverse-primary: #ff2d20;

  /* Text selection */
  --color-text-selection-color: #ff2d2040;
  --color-text-cursor-color: #ff2d20;
  --color-text-selection-handle-color: #ff2d20;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme='dark']) {
    /* Brand */
    --color-primary: #ff2d20;
    --color-on-primary: #ffffff;
    --color-primary-fill: #dd241a;
    --color-primary-hover: #c81f15;
    --color-primary-container: #ffebe9;
    --color-on-primary-container: #0b0d0f;

    /* Ground and ink */
    --color-surface: #ffffff;
    --color-on-surface: #0b0d0f;
    --color-surface-variant: #f4f5f6;
    --color-on-surface-variant: #52575c;
    --color-background: #ffffff;
    --color-on-background: #0b0d0f;

    /* Surface ramp */
    --color-surface-container-lowest: #ffffff;
    --color-surface-container-low: #f4f5f6;
    --color-surface-container: #ffffff;
    --color-surface-container-high: #ffffff;
    --color-surface-container-highest: #e2e5e8;
    --color-surface-tint: #ff2d20;

    /* Supporting */
    --color-secondary: #52575c;
    --color-on-secondary: #ffffff;
    --color-secondary-container: #f4f5f6;
    --color-on-secondary-container: #0b0d0f;
    --color-tertiary: #6f767c;
    --color-on-tertiary: #ffffff;
    --color-tertiary-container: #f4f5f6;
    --color-on-tertiary-container: #0b0d0f;

    /* Status */
    --color-error: #a82a2a;
    --color-on-error: #ffffff;
    --color-error-container: #f7e4e4;
    --color-on-error-container: #a82a2a;
    --color-success: #2f6b3a;
    --color-on-success: #ffffff;
    --color-success-container: #e6f0e8;
    --color-on-success-container: #2f6b3a;

    /* Lines and utility */
    --color-outline: #e2e5e8;
    --color-outline-variant: #c6cbcf;
    --color-shadow: #00000014;
    --color-scrim: #00000099;

    /* Inverse */
    --color-inverse-surface: #0b0d0f;
    --color-on-inverse-surface: #ffffff;
    --color-inverse-primary: #ff2d20;

    /* Text selection */
    --color-text-selection-color: #ff2d2040;
    --color-text-cursor-color: #ff2d20;
    --color-text-selection-handle-color: #ff2d20;
  }
}