/* ============================================================
   TeamCulture Design System — CSS Custom Properties
   Generated from: TeamCultureBusiness/design-system
   DO NOT EDIT MANUALLY — run `bash scripts/build.sh` to regenerate
   ============================================================ */

:root {
  /* ========== Primitive Colors ========== */
  --tc-color-black: #1B1B1B;
  --tc-color-cream: #EEEDE9;
  --tc-color-white: #FFFFFF;
  --tc-color-red: #7B0000;
  --tc-color-gold: #A98D45;
  --tc-color-navy: #131D21;

  --tc-color-gray-dark: #2D2D2D;
  --tc-color-gray-mid: #5A5A5A;
  --tc-color-gray-light: #E0DEDA;
  --tc-color-gray-border: #D4D2CE;

  /* ========== Typography ========== */
  --tc-font-display: 'Bree Serif', Georgia, serif;
  --tc-font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --tc-font-accent: 'Playfair Display', Georgia, serif;

  --tc-text-heading-1-size: 48px;
  --tc-text-heading-1-line-height: 1.2;
  --tc-text-heading-1-letter-spacing: -0.02em;
  --tc-text-heading-2-size: 28px;
  --tc-text-heading-2-line-height: 1.3;
  --tc-text-heading-3-size: 24px;
  --tc-text-heading-3-line-height: 1.4;
  --tc-text-body-size: 16px;
  --tc-text-body-line-height: 1.6;
  --tc-text-body-strong-size: 16px;
  --tc-text-body-strong-line-height: 1.6;
  --tc-text-caption-size: 14px;
  --tc-text-caption-line-height: 1.5;
  --tc-text-small-size: 12px;
  --tc-text-small-line-height: 1.5;
  --tc-text-small-letter-spacing: 0.01em;
  --tc-text-quote-size: 16px;
  --tc-text-quote-line-height: 1.6;
  --tc-text-link-size: 16px;
  --tc-text-link-line-height: 1.6;

  /* ========== Spacing ========== */
  --tc-space-0: 0px;
  --tc-space-1: 4px;
  --tc-space-2: 8px;
  --tc-space-3: 12px;
  --tc-space-4: 16px;
  --tc-space-5: 20px;
  --tc-space-6: 24px;
  --tc-space-8: 32px;
  --tc-space-10: 40px;
  --tc-space-12: 48px;
  --tc-space-16: 64px;
  --tc-space-20: 80px;
  --tc-space-24: 96px;
  --tc-space-32: 128px;

  /* ========== Elevation ========== */
  --tc-shadow-none: none;
  --tc-shadow-sm: 0 1px 2px 0 rgba(27, 27, 27, 0.05);
  --tc-shadow-md: 0 4px 6px -1px rgba(27, 27, 27, 0.07), 0 2px 4px -2px rgba(27, 27, 27, 0.05);
  --tc-shadow-lg: 0 10px 15px -3px rgba(27, 27, 27, 0.08), 0 4px 6px -4px rgba(27, 27, 27, 0.04);
  --tc-shadow-xl: 0 20px 25px -5px rgba(27, 27, 27, 0.08), 0 8px 10px -6px rgba(27, 27, 27, 0.03);

  /* ========== Border Radius ========== */
  --tc-radius-none: 0px;
  --tc-radius-sm: 4px;
  --tc-radius-md: 6px;
  --tc-radius-lg: 8px;
  --tc-radius-xl: 12px;
  --tc-radius-2xl: 16px;
  --tc-radius-full: 9999px;

  --tc-border-width-thin: 1px;
  --tc-border-width-medium: 2px;

  /* ========== Breakpoints ========== */
  --tc-breakpoint-sm: 640px;
  --tc-breakpoint-md: 768px;
  --tc-breakpoint-lg: 1024px;
  --tc-breakpoint-xl: 1280px;
  --tc-breakpoint-2xl: 1536px;
  --tc-container-content: 768px;
  --tc-container-page: 1280px;
  --tc-container-wide: 1536px;

  /* ========== Semantic Surfaces ========== */
  --tc-surface-page: #EEEDE9;
  --tc-surface-card: #FFFFFF;
  --tc-surface-elevated: #FFFFFF;
  --tc-surface-inset: #E0DEDA;
  --tc-surface-dark: #131D21;
  --tc-surface-dark-alt: #1B1B1B;
  --tc-surface-overlay: rgba(27, 27, 27, 0.60);
  --tc-surface-accent-subtle: rgba(123, 0, 0, 0.05);
  --tc-surface-premium-subtle: rgba(169, 141, 69, 0.05);
  --tc-surface-section-alt: #FFFFFF;

  /* ========== Semantic Text ========== */
  --tc-text-on-light-primary: #1B1B1B;
  --tc-text-on-light-secondary: #5A5A5A;
  --tc-text-on-light-tertiary: rgba(90, 90, 90, 0.70);
  --tc-text-on-light-disabled: rgba(90, 90, 90, 0.50);
  --tc-text-on-dark-primary: #FFFFFF;
  --tc-text-on-dark-secondary: rgba(255, 255, 255, 0.70);
  --tc-text-on-dark-tertiary: rgba(255, 255, 255, 0.50);
  --tc-text-on-dark-disabled: rgba(255, 255, 255, 0.30);
  --tc-text-accent-primary: #7B0000;
  --tc-text-accent-secondary: #A98D45;
  --tc-text-accent-on-dark: #7B0000;

  /* ========== Semantic Feedback ========== */
  --tc-feedback-success-bg: #F0FDF4;
  --tc-feedback-success-bg-subtle: rgba(22, 163, 74, 0.05);
  --tc-feedback-success-text: #166534;
  --tc-feedback-success-icon: #16A34A;
  --tc-feedback-success-border: #BBF7D0;
  --tc-feedback-warning-bg: #FFFBEB;
  --tc-feedback-warning-bg-subtle: rgba(202, 138, 4, 0.05);
  --tc-feedback-warning-text: #854D0E;
  --tc-feedback-warning-icon: #CA8A04;
  --tc-feedback-warning-border: #FDE68A;
  --tc-feedback-error-bg: #FEF2F2;
  --tc-feedback-error-bg-subtle: rgba(185, 28, 28, 0.05);
  --tc-feedback-error-text: #991B1B;
  --tc-feedback-error-icon: #B91C1C;
  --tc-feedback-error-border: #FECACA;
  --tc-feedback-info-bg: #EFF6FF;
  --tc-feedback-info-bg-subtle: rgba(37, 99, 235, 0.05);
  --tc-feedback-info-text: #1E40AF;
  --tc-feedback-info-icon: #2563EB;
  --tc-feedback-info-border: #BFDBFE;

  /* ========== Semantic Borders ========== */
  --tc-border-subtle: #D4D2CE;
  --tc-border-default: #D4D2CE;
  --tc-border-strong: #1B1B1B;
  --tc-border-accent: #7B0000;
  --tc-border-accent-secondary: #A98D45;
  --tc-border-on-dark: rgba(255, 255, 255, 0.15);
  --tc-border-on-dark-strong: rgba(255, 255, 255, 0.30);
  --tc-border-dashed: #D4D2CE;
}