/*
 * EVO design tokens — portat din common/ui/.../color/AppColors.kt + LightColors.kt
 * Sursă de adevăr: EvoColors (light theme). A se folosi în web UI-ul traducătorilor
 * ca UI-ul să arate nativ EVO. Numele semantice = 1:1 cu EvoColors.
 */
:root {
  /* === BRAND — BlueSky === */
  --evo-blue-800: #00357E;
  --evo-blue-700: #0046A8;
  --evo-blue-600: #0058D2; /* Primary */
  --evo-blue-500: #3379DB;
  --evo-blue-400: #669BE4;
  --evo-blue-300: #99BCED;
  --evo-blue-200: #CCDEF6;
  --evo-blue-150: #D6E5F8;
  --evo-blue-100: #E8F0FB;
  --evo-blue-50:  #F1F6FD;

  /* === STATUS — Green === */
  --evo-green-700: #027948;
  --evo-green-600: #039855; /* Success */
  --evo-green-200: #CDEADD;
  --evo-green-100: #E6F5EE;
  --evo-green-50:  #EBF7F1;

  /* === STATUS — Apricot (Secondary/Warning) === */
  --evo-apricot-700: #B54708;
  --evo-apricot-600: #DC6803;
  --evo-apricot-500: #F79009;
  --evo-apricot-400: #FDB022; /* Secondary */
  --evo-apricot-300: #FEC84B;
  --evo-apricot-200: #FEDF89;
  --evo-apricot-100: #FEEFC6;
  --evo-apricot-50:  #FEF5DD;

  /* === STATUS — Red (Danger) === */
  --evo-red-700: #B32318;
  --evo-red-600: #D92D20; /* Error */
  --evo-red-200: #FECDC9;
  --evo-red-100: #FEE4E2;

  /* === BASE — Gray === */
  --evo-white:    #FFFFFF;
  --evo-black:    #121212;
  --evo-gray-900: #1E1E1E;
  --evo-gray-800: #2C2C2C;
  --evo-gray-700: #383838;
  --evo-gray-600: #444444;
  --evo-gray-500: #616161;
  --evo-gray-400: #757575;
  --evo-gray-300: #B2B2B2;
  --evo-gray-250: #D9D9D9;
  --evo-gray-200: #F1F1F1;
  --evo-gray-100: #F5F5F5;
  --evo-gray-50:  #F7F7F7;

  /* === SEMANTIC (light) — mapate din LightEvoColors === */
  --bg-default:            var(--evo-white);
  --bg-secondary:          var(--evo-gray-100);
  --bg-tertiary:           var(--evo-gray-200);
  --bg-card:               var(--evo-gray-50);
  --bg-brand:              var(--evo-blue-600);
  --bg-brand-active:       var(--evo-blue-700);
  --bg-brand-secondary:    var(--evo-blue-100);
  --bg-positive:           var(--evo-green-600);
  --bg-positive-secondary: var(--evo-green-100);
  --bg-warning:            var(--evo-apricot-400);
  --bg-warning-secondary:  var(--evo-apricot-100);
  --bg-danger:             var(--evo-red-600);
  --bg-danger-secondary:   var(--evo-red-100);
  --bg-disabled:           var(--evo-gray-200);

  --border-default:        var(--evo-gray-250);
  --border-secondary:      var(--evo-gray-500);
  --border-brand:          var(--evo-blue-600);
  --border-positive:       var(--evo-green-700);
  --border-warning:        var(--evo-apricot-600);
  --border-danger:         var(--evo-red-600);

  --text-default:          var(--evo-black);
  --text-secondary:        var(--evo-gray-700);
  --text-tertiary:         var(--evo-gray-400);
  --text-inverse:          var(--evo-white);
  --text-brand:            var(--evo-blue-600);
  --text-disabled:         var(--evo-gray-300);
  --text-positive:         var(--evo-green-600);
  --text-warning:          var(--evo-apricot-700);
  --text-danger:           var(--evo-red-600);

  --icon-default:          var(--evo-black);
  --icon-secondary:        var(--evo-gray-600);
  --icon-brand:            var(--evo-blue-600);

  /* === MAPARE STATUS TRADUCERI (aplicat pe badge-uri în UI) === */
  --status-draft-bg:       var(--evo-gray-100);
  --status-draft-text:     var(--evo-gray-500);
  --status-ai-bg:          var(--evo-apricot-100);   /* „propus de AI" */
  --status-ai-text:        var(--evo-apricot-700);
  --status-reviewed-bg:    var(--evo-green-100);
  --status-reviewed-text:  var(--evo-green-700);
  --status-missing-bg:     var(--evo-red-100);
  --status-missing-text:   var(--evo-red-600);
}