/*
  Partner Portal — Design Tokens
  This file is a direct consumer of the United Partners design system and
  must stay byte-identical in token values to:
    design-system/united_partners_design_system/foundations/colors.css
    design-system/united_partners_design_system/foundations/typography.css
    design-system/united_partners_design_system/foundations/spacing.css
  Do not redefine or override values here -- if a token needs to change,
  change it in the design-system source files first, then re-sync this file.
*/

:root {
  /* --- Colors: foundations/colors.css --- */
  --ink-950: #0F131C;
  --ink-900: #171D2A;
  --ink-800: #232B3C;
  --ink-700: #323D52;
  --ink-600: #46536C;
  --ink-500: #5C6A85;
  --ink-400: #7E8AA1;
  --ink-300: #A4AEBE;
  --ink-200: #C9CFDA;
  --ink-100: #E3E7EC;
  --ink-50:  #F0F2F5;

  --verm-700: #A93C1B;
  --verm-600: #C84620;
  --verm-500: #E4502A;

  --paper-0:   #FFFFFF;
  --paper-50:  #FAF8F4;
  --paper-100: #F4F0E9;

  --color-success:          #2E6B4F;
  --color-success-strong:   #1E5C3A;
  --color-success-surface:  #E7F2ED;

  --color-warning:          #A77828;
  --color-warning-strong:   #8C6420;
  --color-warning-surface:  #FAF1E0;

  --color-error:            #8C2F22;
  --color-error-strong:     #6E241A;
  --color-error-surface:    #F7E7E3;

  --color-info:             var(--ink-600);
  --color-info-strong:      var(--ink-700);
  --color-info-surface:     var(--ink-50);

  --color-disabled-bg:      var(--ink-100);
  --color-disabled-text:    var(--ink-300);
  --color-disabled-border:  var(--ink-200);

  --color-focus-ring:       var(--verm-500);

  --color-border-default:   var(--ink-100);
  --color-border-strong:    var(--ink-200);

  --color-text-muted:       var(--ink-500);
  --color-text-subtle:      var(--ink-400);

  --color-surface-base:     var(--paper-0);
  --color-surface-sunken:   var(--paper-50);
  --color-surface-elevated: var(--paper-0);
  --color-elevation-shadow: rgba(15, 19, 28, 0.08);

  /* --- Typography: foundations/typography.css --- */
  --font-family-sans: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --font-weight-light:    300;
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  --font-size-2xs:  9px;
  --font-size-xs:   10px;
  --font-size-sm:   11px;
  --font-size-base: 13px;
  --font-size-md:   14px;
  --font-size-lg:   17px;
  --font-size-xl:   20px;
  --font-size-2xl:  24px;
  --font-size-3xl:  42px;
  --font-size-4xl:  48px;

  --line-height-tight:   1.15;
  --line-height-snug:    1.2;
  --line-height-normal:  1.5;
  --line-height-relaxed: 1.6;
  --line-height-loose:   1.8;

  /* --- Spacing & radius: foundations/spacing.css --- */
  --radius-default: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --space-1:  2px;
  --space-2:  4px;
  --space-3:  6px;
  --space-4:  8px;
  --space-5:  10px;
  --space-6:  14px;
  --space-7:  20px;
  --space-8:  24px;
  --space-9:  28px;
  --space-10: 32px;
  --space-11: 40px;
  --space-12: 48px;
  --space-13: 56px;
  --space-14: 64px;
  --space-15: 80px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-surface-base:     var(--ink-950);
    --color-surface-sunken:   var(--ink-900);
    --color-surface-elevated: var(--ink-800);
    --color-border-default:   var(--ink-800);
    --color-border-strong:    var(--ink-700);
    --color-text-muted:       var(--ink-300);
    --color-text-subtle:      var(--ink-400);
    --color-disabled-bg:      var(--ink-800);
    --color-disabled-text:    var(--ink-500);
    --color-disabled-border:  var(--ink-700);
    --color-elevation-shadow: rgba(0, 0, 0, 0.4);
  }
}