:root {
  /* ═══════════════════════════════════════════════════════
     TOKENS CANÔNICOS — conforme CLAUDE.md
  ═══════════════════════════════════════════════════════ */

  /* Primary */
  --color-blue:            #477FEC;
  --color-red:             #FB4A42;

  /* Text */
  --color-text-primary:    #131313;
  --color-text-secondary:  #6B6B6B;
  --color-tooltip:         #4C4C5C;

  /* Neutral */
  --color-border-divider:  #D6D6D6;
  --color-bg:              #F2F2F2;

  /* Info */
  --color-info-bg:         #E5F0FF;
  --color-info-text:       #003B91;

  /* Success */
  --color-success-bg:      #E3FAE1;
  --color-success:         #03A856;
  --color-success-text:    #085E1E;

  /* Warning */
  --color-warning-bg:      #FEF7E5;
  --color-warning:         #E58E13;

  /* Error */
  --color-error-bg:        #FAE6E6;
  --color-error:           #E51D13;
  --color-error-text:      #99130D;

  /* Spacing */
  --space-sm:   16px;
  --space-md:   24px;
  --space-lg:   32px;
  --space-xl:   48px;

  /* Border Radius */
  --radius-sm:   5px;
  --radius-md:   8px;
  --radius-lg:   20px;
  --radius-pill: 999px;

  /* Typography */
  --font-display: 'Funnel Display', sans-serif;
  --font-heading: 'Instrument Sans', sans-serif;
  --font-body:    Arial, sans-serif;

  /* ═══════════════════════════════════════════════════════
     ALIASES — compatibilidade com colors.css / font.css
  ═══════════════════════════════════════════════════════ */

  --color-white-primary:   #FFFFFF;
  --color-white-secondary: var(--color-bg);
  --color-black-primary:   var(--color-text-primary);
  --color-overlay-45:      rgba(0, 0, 0, 0.45);
  --color-transparent:     transparent;

  --color-blue-dark:       var(--color-info-text);
  --color-blue-primary:    var(--color-blue);
  --color-blue-light:      var(--color-info-bg);

  --color-red-dark:        var(--color-error-text);
  --color-red-primary:     var(--color-red);
  --color-red-light:       var(--color-error-bg);

  --color-grey-dark:       var(--color-text-secondary);
  --color-grey-primary:    var(--color-text-secondary);
  --color-grey-light:      var(--color-border-divider);

  --color-green:           var(--color-success);
  --color-green-dark:      var(--color-success-text);
  --color-green-light:     var(--color-success-bg);

  --color-yellow-dark:     #C67808;

  --font-default:          var(--font-body);
  --font-title-primary:    var(--font-display);

  --weight-default:   400;
  --weight-medium:    500;
  --weight-semibold:  600;
  --weight-bold:      700;

  /* ═══════════════════════════════════════════════════════
     ALIASES — compatibilidade com design-system.css legado
  ═══════════════════════════════════════════════════════ */

  --white:          #FFFFFF;
  --whitePrimary:   #FFFFFF;
  --whiteSecondary: #F6F6F6;
  --whiteTertiary:  #F3F3F3;
  --black:          #000000;
  --blackPrimary:   var(--color-text-primary);

  --bluePrimary:    var(--color-blue);
  --lightBlue:      var(--color-blue);
  --blueSecondary:  #3A6ED4;
  --blueDark:       var(--color-info-text);
  --blueLight:      var(--color-info-bg);
  --blueHover:      #3A6ED4;

  --violetPrimary:  var(--color-red);
  --violetHover:    #E03830;
  --violetLight:    var(--color-error-bg);
  --violetDark:     var(--color-error-text);

  --redPrimary:     var(--color-error);
  --redLight:       var(--color-error-bg);
  --redError:       var(--color-error);
  --redHover:       #C41810;
  --redDark:        var(--color-error-text);

  --greenPrimary:   var(--color-success-text);
  --greenSuccess:   var(--color-success);
  --greenLight:     var(--color-success-bg);

  --brownLight:     var(--color-warning);
  --pinkLight:      var(--color-warning-bg);

  --textPrimary:    var(--color-text-primary);
  --textSecondary:  var(--color-text-secondary);

  --greyDark:       var(--color-text-primary);
  --greyMedium:     #5A5765;
  --greyPrimary:    var(--color-text-secondary);
  --greyLight:      #A09DAA;
  --greyUltraLight: var(--color-border-divider);

  --borderColor:      var(--color-border-divider);
  --borderColorHover: #BBBBBB;

  --sidebarBg:           transparent;
  --sidebarBorder:       var(--color-border-divider);
  --sidebarText:         var(--color-text-primary);
  --sidebarTextHover:    var(--color-text-primary);
  --sidebarActiveText:   var(--color-red);
  --sidebarActiveBg:     rgba(251, 74, 66, 0.08);
  --sidebarHoverBg:      rgba(0, 0, 0, 0.04);
  --sidebarHeaderBorder: var(--color-border-divider);

  --matchingPrimary: #6B52D1;

  --chipDefaultBg:   var(--color-bg);
  --chipDefaultText: var(--color-text-primary);

  --fontFunnelDisplay:  var(--font-display);
  --fontInstrumentSans: var(--font-heading);
  --fontNotoSans:       var(--font-body);
  --fontSora:           var(--font-body);

  --fontSizeExtraSmall:      10px;
  --fontSizeSmall:           12px;
  --fontSizeDefault:         14px;
  --fontSizeMedium:          16px;
  --fontSizeLarge:           18px;
  --fontSizeExtraLarge:      20px;
  --fontSizeExtraExtraLarge: 24px;

  --width-mobile-small:   360px;
  --width-mobile-medium:  414px;
  --width-mobile-large:   480px;
  --width-tablet-small:   600px;
  --width-tablet-medium:  768px;
  --width-tablet-large:   834px;
  --width-desktop-small:  1024px;
  --width-desktop-medium: 1440px;
  --width-desktop-large:  1920px;

  --shadowXs:    0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadowSm:    0 2px 8px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadowMd:    0 4px 16px rgba(0, 0, 0, 0.08);
  --shadowLg:    0 8px 40px rgba(0, 0, 0, 0.13), 0 4px 12px rgba(0, 0, 0, 0.07);
  --shadowModal: 0 24px 72px rgba(0, 0, 0, 0.22), 0 8px 24px rgba(0, 0, 0, 0.10);

  --radiusXs:   var(--radius-sm);
  --radiusSm:   var(--radius-sm);
  --radiusMd:   var(--radius-md);
  --radiusLg:   var(--radius-lg);
  --radiusFull: var(--radius-pill);

  /* Analytics */
  --reportWon:               #4CAF50;
  --reportJourney:           #FFB300;
  --reportPending:           #5B9BD5;
  --reportPendingLight:      #E3F0FB;
  --reportDisqualified:      #AB47BC;
  --reportDisqualifiedLight: #F5E8F9;
  --reportLost:              #90A4AE;
  --reportLostLight:         #ECEFF1;
}