/* brand-extract.css — AUTO-GENERATED by Claude Code from Stream product repo */
/* Source: frontend/src/assets/main.css */
/* DO NOT EDIT MANUALLY — re-run extraction task to update */

:root {
  /* === PRIMARY BRAND COLORS === */
  --brand-primary: #24599e;
  --brand-primary-100: #022A5B;
  --brand-primary-90: #09346A;
  --brand-primary-80: #0F3F7B;
  --brand-primary-70: #1B5093;
  --brand-primary-60: #275B9C;
  --brand-primary-50: #4076B9;
  --brand-primary-40: #618EC7;
  --brand-primary-30: #85AAD8;
  --brand-primary-20: #B8CEE9;
  --brand-primary-10: #E6F1FF;

  /* === SECONDARY / ACCENT COLORS === */
  --brand-secondary: #ad311b;
  --brand-secondary-100: #955703;
  --brand-secondary-90: #AD6C15;
  --brand-secondary-80: #CD7908;
  --brand-secondary-70: #E39123;
  --brand-secondary-60: #E6A90B;
  --brand-secondary-50: #EEC32C;
  --brand-secondary-40: #FBD347;
  --brand-secondary-30: #FEDD67;
  --brand-secondary-20: #FAE392;
  --brand-secondary-10: #FBF0CA;

  /* === FUNCTIONAL / TEAL PALETTE === */
  --brand-functional-100: #00565B;
  --brand-functional-90: #0A666B;
  --brand-functional-80: #12787E;
  --brand-functional-70: #1C8990;
  --brand-functional-60: #27959C;
  --brand-functional-50: #42A7AE;
  --brand-functional-40: #64C2C8;
  --brand-functional-30: #90DDE2;
  --brand-functional-20: #B3EAED;
  --brand-functional-10: #DCF3F5;
  --brand-functional-red: #FF6961;

  /* === NEUTRAL / GRAYSCALE === */
  --brand-neutral-100: #1C1E21;
  --brand-neutral-90: #1F2B35;
  --brand-neutral-80: #2E3F4C;
  --brand-neutral-70: #425363;
  --brand-neutral-60: #5F7180;
  --brand-neutral-50: #A2B1BC;
  --brand-neutral-40: #C3CCD5;
  --brand-neutral-30: #D5DBE2;
  --brand-neutral-20: #E7EBEE;
  --brand-neutral-10: #F3F5F7;
  --brand-neutral-05: #FAFAFA;

  /* === SURFACE / BACKGROUND COLORS === */
  --brand-surface: #FFFFFF;
  --brand-surface-muted: #FAFAFA;
  --brand-surface-subtle: #F3F5F7;
  --brand-navbar: #24599e;
  --brand-alert-bg: #fff3cd;
  --brand-task-bg: #fcea8D;

  /* === TEXT / INK COLORS === */
  --brand-ink: #333333;
  --brand-ink-medium: #666666;
  --brand-ink-light: #F5F5F5;
  --brand-ink-disabled: #C6C6C6;

  /* === STATUS / SEMANTIC COLORS === */
  --brand-success-90: #084334;
  --brand-success-50: #037D54;
  --brand-success-25: #519c83;
  --brand-success-10: #EEFDF0;
  --brand-warning-90: #A04D00;
  --brand-warning-50: #FFD600;
  --brand-warning-10: #FFF7CD;
  --brand-error-90: #8C1D18;
  --brand-error-50: #DC362E;
  --brand-error-25: #ce7974;
  --brand-error-10: #FDF5F5;

  /* === TYPOGRAPHY === */
  --brand-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --brand-font-weight-normal: 400;
  --brand-font-weight-medium: 450;
  --brand-font-weight-semibold: 500;
  /* Heading sizes */
  --brand-h1-size: 34px;
  --brand-h1-line: 44px;
  --brand-h2-size: 30px;
  --brand-h2-line: 40px;
  --brand-h3-size: 26px;
  --brand-h3-line: 34px;
  --brand-h4-size: 22px;
  --brand-h4-line: 30px;
  --brand-h5-size: 18px;
  --brand-h5-line: 26px;
  --brand-h6-size: 14px;
  --brand-h6-line: 22px;
  /* Body sizes (p1–p6) */
  --brand-p1-size: 18px;
  --brand-p1-line: 26px;
  --brand-p2-size: 16px;
  --brand-p2-line: 22px;
  --brand-p3-size: 14px;
  --brand-p3-line: 20px;
  --brand-p4-size: 12px;
  --brand-p4-line: 16px;
  --brand-p5-size: 10px;
  --brand-p5-line: 14px;
  --brand-p6-size: 8px;
  --brand-p6-line: 12px;

  /* === BORDER RADIUS === */
  --brand-radius-sm: 4px;
  --brand-radius-md: 6px;
  --brand-radius-lg: 12px;
  --brand-radius-full: 9999px;

  /* === SHADOWS === */
  --brand-shadow-sm: 2px 2px 4px 4px rgba(0, 0, 0, 0.115);
  --brand-shadow-md: 0 4px 8px 4px rgba(0, 0, 0, 0.115);
  --brand-shadow-note: 0 2px 8px 4px rgba(0, 0, 0, 0.115);

  /* === SPACING === */
  --brand-spacer: 4px;
  --brand-outer-padding: 24px;
}