/* GENERATED FILE. Source: design-system/tokens/tokens.css.
   Regenerate with: python3 design-system/sync-tokens.py
   Only the :root custom properties are vendored; app layout CSS stays in the app. */
:root {
  /* Brand colors */
  --ut-orange: #F47F52;   /* primary accent, first chart series, buttons */
  --ut-glow:   #FDB878;   /* gradient partner only, never a flat fill */
  --ut-navy:   #0F2A4A;   /* structural dark, headings, table headers */
  --ut-blue:   #6A9BCC;   /* secondary accent, links, info boxes */

  /* Neutrals */
  --ut-ink:      #15161B; /* body text */
  --ut-white:    #FFFFFF;
  --ut-gray-200: #D8DCE1; /* hairlines, zebra rows, disabled */
  --ut-gray-500: #9AA3AD; /* fourth chart series, secondary text */
  --ut-gray:     var(--ut-gray-200); /* legacy alias used by older UniSuite apps and the unithera-brand CSS snippet */

  /* Semantic */
  --ut-text: var(--ut-ink);
  --ut-text-on-dark: var(--ut-white);
  --ut-heading: var(--ut-navy);
  --ut-link: var(--ut-blue);
  --ut-surface: var(--ut-white);
  --ut-surface-dark: var(--ut-navy);
  --ut-border: var(--ut-gray-200);
  --ut-accent: var(--ut-orange);
  --ut-info-fill: #E8F0F8;

  /* Gradient */
  --ut-gradient-glow: linear-gradient(135deg, var(--ut-orange) 0%, var(--ut-glow) 100%);

  /* Chart series order */
  --ut-chart-1: var(--ut-orange);
  --ut-chart-2: var(--ut-navy);
  --ut-chart-3: var(--ut-blue);
  --ut-chart-4: var(--ut-gray-500);

  /* Typography */
  --ut-font-heading: Cambria, Georgia, "Times New Roman", serif;
  --ut-font-body: Arial, Helvetica, sans-serif;
  --ut-size-display: 40px;
  --ut-size-h1: 32px;
  --ut-size-h2: 24px;
  --ut-size-h3: 18px;
  --ut-size-body: 15px;
  --ut-size-small: 13px;
  --ut-size-caption: 11px;
  --ut-lh-heading: 1.2;
  --ut-lh-body: 1.5;

  /* Spacing */
  --ut-space-1: 4px;
  --ut-space-2: 8px;
  --ut-space-3: 12px;
  --ut-space-4: 16px;
  --ut-space-6: 24px;
  --ut-space-8: 32px;
  --ut-space-12: 48px;

  /* Radius and elevation */
  --ut-radius-sm: 4px;
  --ut-radius-md: 8px;
  --ut-radius-lg: 12px;
  --ut-radius-pill: 999px;
  --ut-shadow-card: 0 2px 8px rgba(15, 42, 74, 0.12);
}