@use '../colors' as *;
@use '../semantic-colors' as *;

// ============================================================
// Old primitive tokens (50-950 scale) mapped to new Shoreline (1-13)
// Mapping: 50->1, 100->2, 200->4, 300->5, 400->6, 500->7,
//          600->8, 700->10, 800->12, 900->13, 950->13
// ============================================================

$unnnic-color-white: $unnnic-color-gray-0;
$unnnic-color-black: $unnnic-color-gray-13;

$unnnic-color-gray-50: $unnnic-color-gray-1;
$unnnic-color-gray-100: $unnnic-color-gray-2;
$unnnic-color-gray-200: $unnnic-color-gray-4;
$unnnic-color-gray-300: $unnnic-color-gray-5;
$unnnic-color-gray-400: $unnnic-color-gray-6;
$unnnic-color-gray-500: $unnnic-color-gray-7;
$unnnic-color-gray-600: $unnnic-color-gray-8;
$unnnic-color-gray-700: $unnnic-color-gray-10;
$unnnic-color-gray-800: $unnnic-color-gray-12;
$unnnic-color-gray-900: $unnnic-color-gray-13;
$unnnic-color-gray-950: $unnnic-color-gray-13;

$unnnic-color-teal-50: $unnnic-color-teal-1;
$unnnic-color-teal-100: $unnnic-color-teal-2;
$unnnic-color-teal-200: $unnnic-color-teal-4;
$unnnic-color-teal-300: $unnnic-color-teal-5;
$unnnic-color-teal-400: $unnnic-color-teal-6;
$unnnic-color-teal-500: $unnnic-color-teal-7;
$unnnic-color-teal-600: $unnnic-color-teal-8;
$unnnic-color-teal-700: $unnnic-color-teal-10;
$unnnic-color-teal-800: $unnnic-color-teal-12;
$unnnic-color-teal-900: $unnnic-color-teal-13;
$unnnic-color-teal-950: $unnnic-color-teal-13;

$unnnic-color-green-50: $unnnic-color-green-1;
$unnnic-color-green-100: $unnnic-color-green-2;
$unnnic-color-green-200: $unnnic-color-green-4;
$unnnic-color-green-300: $unnnic-color-green-5;
$unnnic-color-green-400: $unnnic-color-green-6;
$unnnic-color-green-500: $unnnic-color-green-7;
$unnnic-color-green-600: $unnnic-color-green-8;
$unnnic-color-green-700: $unnnic-color-green-10;
$unnnic-color-green-800: $unnnic-color-green-12;
$unnnic-color-green-900: $unnnic-color-green-13;
$unnnic-color-green-950: $unnnic-color-green-13;

$unnnic-color-blue-50: $unnnic-color-blue-1;
$unnnic-color-blue-100: $unnnic-color-blue-2;
$unnnic-color-blue-200: $unnnic-color-blue-4;
$unnnic-color-blue-300: $unnnic-color-blue-5;
$unnnic-color-blue-400: $unnnic-color-blue-6;
$unnnic-color-blue-500: $unnnic-color-blue-7;
$unnnic-color-blue-600: $unnnic-color-blue-8;
$unnnic-color-blue-700: $unnnic-color-blue-10;
$unnnic-color-blue-800: $unnnic-color-blue-12;
$unnnic-color-blue-900: $unnnic-color-blue-13;
$unnnic-color-blue-950: $unnnic-color-blue-13;

$unnnic-color-purple-50: $unnnic-color-purple-1;
$unnnic-color-purple-100: $unnnic-color-purple-2;
$unnnic-color-purple-200: $unnnic-color-purple-4;
$unnnic-color-purple-300: $unnnic-color-purple-5;
$unnnic-color-purple-400: $unnnic-color-purple-6;
$unnnic-color-purple-500: $unnnic-color-purple-7;
$unnnic-color-purple-600: $unnnic-color-purple-8;
$unnnic-color-purple-700: $unnnic-color-purple-10;
$unnnic-color-purple-800: $unnnic-color-purple-12;
$unnnic-color-purple-900: $unnnic-color-purple-13;
$unnnic-color-purple-950: $unnnic-color-purple-13;

$unnnic-color-red-50: $unnnic-color-red-1;
$unnnic-color-red-100: $unnnic-color-red-2;
$unnnic-color-red-200: $unnnic-color-red-4;
$unnnic-color-red-300: $unnnic-color-red-5;
$unnnic-color-red-400: $unnnic-color-red-6;
$unnnic-color-red-500: $unnnic-color-red-7;
$unnnic-color-red-600: $unnnic-color-red-8;
$unnnic-color-red-700: $unnnic-color-red-10;
$unnnic-color-red-800: $unnnic-color-red-12;
$unnnic-color-red-900: $unnnic-color-red-13;
$unnnic-color-red-950: $unnnic-color-red-13;

$unnnic-color-orange-50: $unnnic-color-orange-1;
$unnnic-color-orange-100: $unnnic-color-orange-2;
$unnnic-color-orange-200: $unnnic-color-orange-4;
$unnnic-color-orange-300: $unnnic-color-orange-5;
$unnnic-color-orange-400: $unnnic-color-orange-6;
$unnnic-color-orange-500: $unnnic-color-orange-7;
$unnnic-color-orange-600: $unnnic-color-orange-8;
$unnnic-color-orange-700: $unnnic-color-orange-10;
$unnnic-color-orange-800: $unnnic-color-orange-12;
$unnnic-color-orange-900: $unnnic-color-orange-13;
$unnnic-color-orange-950: $unnnic-color-orange-13;

$unnnic-color-yellow-50: $unnnic-color-yellow-1;
$unnnic-color-yellow-100: $unnnic-color-yellow-2;
$unnnic-color-yellow-200: $unnnic-color-yellow-4;
$unnnic-color-yellow-300: $unnnic-color-yellow-5;
$unnnic-color-yellow-400: $unnnic-color-yellow-6;
$unnnic-color-yellow-500: $unnnic-color-yellow-7;
$unnnic-color-yellow-600: $unnnic-color-yellow-8;
$unnnic-color-yellow-700: $unnnic-color-yellow-10;
$unnnic-color-yellow-800: $unnnic-color-yellow-12;
$unnnic-color-yellow-900: $unnnic-color-yellow-13;
$unnnic-color-yellow-950: $unnnic-color-yellow-13;

// ============================================================
// Old semantic token aliases -> new names
// ============================================================

$unnnic-color-bg-soft: $unnnic-color-bg-base-soft;
$unnnic-color-bg-active: $unnnic-color-bg-accent-strong;
$unnnic-color-fg-active: $unnnic-color-fg-accent;
$unnnic-color-border-soft: $unnnic-color-border-base;
$unnnic-color-border-active: $unnnic-color-border-accent-strong;

// ============================================================
// Legacy tokens (older generation)
// ============================================================

$unnnic-color-weni-50: $unnnic-color-teal-50;
$unnnic-color-weni-100: $unnnic-color-teal-100;
$unnnic-color-weni-200: $unnnic-color-teal-200;
$unnnic-color-weni-300: $unnnic-color-teal-300;
$unnnic-color-weni-400: $unnnic-color-teal-400;
$unnnic-color-weni-500: $unnnic-color-teal-500;
$unnnic-color-weni-600: $unnnic-color-teal-600;
$unnnic-color-weni-700: $unnnic-color-teal-700;
$unnnic-color-weni-800: $unnnic-color-teal-800;
$unnnic-color-weni-900: $unnnic-color-teal-900;
$unnnic-color-weni-950: $unnnic-color-teal-950;

$unnnic-color-neutral-black: $unnnic-color-gray-12;
$unnnic-color-neutral-darkest: $unnnic-color-gray-12;
$unnnic-color-neutral-dark: $unnnic-color-gray-11;
$unnnic-color-neutral-cloudy: $unnnic-color-gray-11;
$unnnic-color-neutral-clean: $unnnic-color-gray-11;
$unnnic-color-neutral-cleanest: $unnnic-color-gray-7;
$unnnic-color-neutral-soft: $unnnic-color-gray-3;
$unnnic-color-neutral-light: $unnnic-color-gray-2;
$unnnic-color-neutral-lightest: $unnnic-color-gray-1;
$unnnic-color-neutral-white: $unnnic-color-gray-0;

$unnnic-color-background-solo: $unnnic-color-bg-accent-plain;
$unnnic-color-background-sky: $unnnic-color-bg-base-soft;
$unnnic-color-background-grass: $unnnic-color-bg-base-soft;
$unnnic-color-background-lightest: $unnnic-color-bg-base-soft;
$unnnic-color-background-white: $unnnic-color-bg-base;
$unnnic-color-background-soft: $unnnic-color-bg-base-soft;

$unnnic-color-aux-green-50: $unnnic-color-green-50;
$unnnic-color-aux-green-100: $unnnic-color-green-100;
$unnnic-color-aux-green-200: $unnnic-color-green-200;
$unnnic-color-aux-green-300: $unnnic-color-green-300;
$unnnic-color-aux-green-400: $unnnic-color-green-400;
$unnnic-color-aux-green-500: $unnnic-color-green-500;
$unnnic-color-aux-green-600: $unnnic-color-green-600;
$unnnic-color-aux-green-700: $unnnic-color-green-700;
$unnnic-color-aux-green-800: $unnnic-color-green-800;
$unnnic-color-aux-green-900: $unnnic-color-green-900;
$unnnic-color-aux-green-950: $unnnic-color-green-950;

$unnnic-color-aux-blue-50: $unnnic-color-blue-50;
$unnnic-color-aux-blue-100: $unnnic-color-blue-100;
$unnnic-color-aux-blue-200: $unnnic-color-blue-200;
$unnnic-color-aux-blue-300: $unnnic-color-blue-300;
$unnnic-color-aux-blue-400: $unnnic-color-blue-400;
$unnnic-color-aux-blue-500: $unnnic-color-blue-500;
$unnnic-color-aux-blue-600: $unnnic-color-blue-600;
$unnnic-color-aux-blue-700: $unnnic-color-blue-700;
$unnnic-color-aux-blue-800: $unnnic-color-blue-800;
$unnnic-color-aux-blue-900: $unnnic-color-blue-900;
$unnnic-color-aux-blue-950: $unnnic-color-blue-950;

$unnnic-color-aux-purple-50: $unnnic-color-purple-50;
$unnnic-color-aux-purple-100: $unnnic-color-purple-100;
$unnnic-color-aux-purple-200: $unnnic-color-purple-200;
$unnnic-color-aux-purple-300: $unnnic-color-purple-300;
$unnnic-color-aux-purple-400: $unnnic-color-purple-400;
$unnnic-color-aux-purple-500: $unnnic-color-purple-500;
$unnnic-color-aux-purple-600: $unnnic-color-purple-600;
$unnnic-color-aux-purple-700: $unnnic-color-purple-700;
$unnnic-color-aux-purple-800: $unnnic-color-purple-800;
$unnnic-color-aux-purple-900: $unnnic-color-purple-900;
$unnnic-color-aux-purple-950: $unnnic-color-purple-950;

$unnnic-color-aux-red-50: $unnnic-color-red-50;
$unnnic-color-aux-red-100: $unnnic-color-red-100;
$unnnic-color-aux-red-200: $unnnic-color-red-200;
$unnnic-color-aux-red-300: $unnnic-color-red-300;
$unnnic-color-aux-red-400: $unnnic-color-red-400;
$unnnic-color-aux-red-500: $unnnic-color-red-500;
$unnnic-color-aux-red-600: $unnnic-color-red-600;
$unnnic-color-aux-red-700: $unnnic-color-red-700;
$unnnic-color-aux-red-800: $unnnic-color-red-800;
$unnnic-color-aux-red-900: $unnnic-color-red-900;
$unnnic-color-aux-red-950: $unnnic-color-red-950;

$unnnic-color-aux-orange-50: $unnnic-color-orange-50;
$unnnic-color-aux-orange-100: $unnnic-color-orange-100;
$unnnic-color-aux-orange-200: $unnnic-color-orange-200;
$unnnic-color-aux-orange-300: $unnnic-color-orange-300;
$unnnic-color-aux-orange-400: $unnnic-color-orange-400;
$unnnic-color-aux-orange-500: $unnnic-color-orange-500;
$unnnic-color-aux-orange-600: $unnnic-color-orange-600;
$unnnic-color-aux-orange-700: $unnnic-color-orange-700;
$unnnic-color-aux-orange-800: $unnnic-color-orange-800;
$unnnic-color-aux-orange-900: $unnnic-color-orange-900;
$unnnic-color-aux-orange-950: $unnnic-color-orange-950;

$unnnic-color-aux-yellow-50: $unnnic-color-yellow-50;
$unnnic-color-aux-yellow-100: $unnnic-color-yellow-100;
$unnnic-color-aux-yellow-200: $unnnic-color-yellow-200;
$unnnic-color-aux-yellow-300: $unnnic-color-yellow-300;
$unnnic-color-aux-yellow-400: $unnnic-color-yellow-400;
$unnnic-color-aux-yellow-500: $unnnic-color-yellow-500;
$unnnic-color-aux-yellow-600: $unnnic-color-yellow-600;
$unnnic-color-aux-yellow-700: $unnnic-color-yellow-700;
$unnnic-color-aux-yellow-800: $unnnic-color-yellow-800;
$unnnic-color-aux-yellow-900: $unnnic-color-yellow-900;
$unnnic-color-aux-yellow-950: $unnnic-color-yellow-950;

$unnnic-color-floweditor-blue: $unnnic-color-cyan-10;
$unnnic-color-floweditor-purple: $unnnic-color-purple-11;
$unnnic-color-floweditor-wine: $unnnic-color-pink-11;
$unnnic-color-floweditor-orange: $unnnic-color-orange-7;
$unnnic-color-floweditor-pink: $unnnic-color-pink-10;
$unnnic-color-floweditor-turquoise: $unnnic-color-teal-7;
$unnnic-color-floweditor-green: $unnnic-color-green-9;

/* Background */
$unnnic-color-background-carpet: $unnnic-color-bg-base-soft;
$unnnic-color-background-snow: $unnnic-color-bg-base;

/* Neutral */
$unnnic-color-neutral-snow: $unnnic-color-bg-base;

/* Feedback colors */
$unnnic-color-feedback-red: $unnnic-color-red-8;
$unnnic-color-feedback-green: $unnnic-color-green-6;
$unnnic-color-feedback-yellow: $unnnic-color-orange-6;
$unnnic-color-feedback-blue: $unnnic-color-blue-9;
$unnnic-color-feedback-grey: $unnnic-color-gray-2;

/* Auxiliary colors */
$unnnic-color-aux-blue: $unnnic-color-teal-5;
$unnnic-color-aux-purple: $unnnic-color-purple-10;
$unnnic-color-aux-orange: $unnnic-color-orange-7;
$unnnic-color-aux-lemon: $unnnic-color-yellow-4;
$unnnic-color-aux-pink: $unnnic-color-pink-10;

$unnnic-color-aux-baby-blue: $unnnic-color-cyan-4;
$unnnic-color-aux-baby-yellow: $unnnic-color-yellow-2;
$unnnic-color-aux-baby-red: $unnnic-color-red-6;
$unnnic-color-aux-baby-green: $unnnic-color-green-3;
$unnnic-color-aux-baby-pink: $unnnic-color-pink-4;

/* Brand */
$unnnic-color-brand-weni: $unnnic-color-teal-8;
$unnnic-color-brand-weni-dark: $unnnic-color-teal-12;
$unnnic-color-brand-weni-soft: $unnnic-color-teal-8;
$unnnic-color-brand-sec-dark: $unnnic-color-gray-12;
$unnnic-color-brand-sec-soft: $unnnic-color-gray-11;
$unnnic-color-brand-sec: $unnnic-color-gray-7;

:export{
    unnnicColorBackgroundSolo: $unnnic-color-background-solo;
}

$scheme-colors:
  "background-solo" $unnnic-color-background-solo,
  "background-sky" $unnnic-color-background-sky,
  "background-grass" $unnnic-color-background-grass,
  "background-carpet" $unnnic-color-background-carpet,
  "background-snow" $unnnic-color-background-snow,
  "background-lightest" $unnnic-color-background-lightest,
  "background-white" $unnnic-color-background-white,

  /* Neutral */
  "neutral-black" $unnnic-color-neutral-black,
  "neutral-darkest" $unnnic-color-neutral-darkest,
  "neutral-dark" $unnnic-color-neutral-dark,
  "neutral-cloudy" $unnnic-color-neutral-cloudy,
  "neutral-cleanest" $unnnic-color-neutral-cleanest,
  "neutral-clean" $unnnic-color-neutral-clean,
  "neutral-soft" $unnnic-color-neutral-soft,
  "neutral-lightest" $unnnic-color-neutral-lightest,
  "neutral-light" $unnnic-color-neutral-light,
  "neutral-white" $unnnic-color-neutral-white,
  "neutral-snow" $unnnic-color-neutral-snow,

  /* Feedback colors */
  "feedback-red" $unnnic-color-feedback-red,
  "feedback-green" $unnnic-color-feedback-green,
  "feedback-yellow" $unnnic-color-feedback-yellow,
  "feedback-blue" $unnnic-color-feedback-blue,
  "feedback-grey" $unnnic-color-feedback-grey,

  /* Auxiliary colors */
  "aux-blue" $unnnic-color-aux-blue,
  "aux-purple" $unnnic-color-aux-purple,
  "aux-orange" $unnnic-color-aux-orange,
  "aux-lemon" $unnnic-color-aux-lemon,
  "aux-pink" $unnnic-color-aux-pink,

  "aux-baby-blue" $unnnic-color-aux-baby-blue,
  "aux-baby-yellow" $unnnic-color-aux-baby-yellow,
  "aux-baby-red" $unnnic-color-aux-baby-red,
  "aux-baby-green" $unnnic-color-aux-baby-green,
  "aux-baby-pink" $unnnic-color-aux-baby-pink,

  "aux-green-50" $unnnic-color-aux-green-50,
  "aux-green-100" $unnnic-color-aux-green-100,
  "aux-green-200" $unnnic-color-aux-green-200,
  "aux-green-300" $unnnic-color-aux-green-300,
  "aux-green-400" $unnnic-color-aux-green-400,
  "aux-green-500" $unnnic-color-aux-green-500,
  "aux-green-600" $unnnic-color-aux-green-600,
  "aux-green-700" $unnnic-color-aux-green-700,
  "aux-green-800" $unnnic-color-aux-green-800,
  "aux-green-900" $unnnic-color-aux-green-900,
  "aux-green-950" $unnnic-color-aux-green-950,

  "aux-blue-50" $unnnic-color-aux-blue-50,
  "aux-blue-100" $unnnic-color-aux-blue-100,
  "aux-blue-200" $unnnic-color-aux-blue-200,
  "aux-blue-300" $unnnic-color-aux-blue-300,
  "aux-blue-400" $unnnic-color-aux-blue-400,
  "aux-blue-500" $unnnic-color-aux-blue-500,
  "aux-blue-600" $unnnic-color-aux-blue-600,
  "aux-blue-700" $unnnic-color-aux-blue-700,
  "aux-blue-800" $unnnic-color-aux-blue-800,
  "aux-blue-900" $unnnic-color-aux-blue-900,
  "aux-blue-950" $unnnic-color-aux-blue-950,

  "aux-purple-50" $unnnic-color-aux-purple-50,
  "aux-purple-100" $unnnic-color-aux-purple-100,
  "aux-purple-200" $unnnic-color-aux-purple-200,
  "aux-purple-300" $unnnic-color-aux-purple-300,
  "aux-purple-400" $unnnic-color-aux-purple-400,
  "aux-purple-500" $unnnic-color-aux-purple-500,
  "aux-purple-600" $unnnic-color-aux-purple-600,
  "aux-purple-700" $unnnic-color-aux-purple-700,
  "aux-purple-800" $unnnic-color-aux-purple-800,
  "aux-purple-900" $unnnic-color-aux-purple-900,
  "aux-purple-950" $unnnic-color-aux-purple-950,

  "aux-red-50" $unnnic-color-aux-red-50,
  "aux-red-100" $unnnic-color-aux-red-100,
  "aux-red-200" $unnnic-color-aux-red-200,
  "aux-red-300" $unnnic-color-aux-red-300,
  "aux-red-400" $unnnic-color-aux-red-400,
  "aux-red-500" $unnnic-color-aux-red-500,
  "aux-red-600" $unnnic-color-aux-red-600,
  "aux-red-700" $unnnic-color-aux-red-700,
  "aux-red-800" $unnnic-color-aux-red-800,
  "aux-red-900" $unnnic-color-aux-red-900,
  "aux-red-950" $unnnic-color-aux-red-950,

  "aux-orange-50" $unnnic-color-aux-orange-50,
  "aux-orange-100" $unnnic-color-aux-orange-100,
  "aux-orange-200" $unnnic-color-aux-orange-200,
  "aux-orange-300" $unnnic-color-aux-orange-300,
  "aux-orange-400" $unnnic-color-aux-orange-400,
  "aux-orange-500" $unnnic-color-aux-orange-500,
  "aux-orange-600" $unnnic-color-aux-orange-600,
  "aux-orange-700" $unnnic-color-aux-orange-700,
  "aux-orange-800" $unnnic-color-aux-orange-800,
  "aux-orange-900" $unnnic-color-aux-orange-900,
  "aux-orange-950" $unnnic-color-aux-orange-950,

  "aux-yellow-50" $unnnic-color-aux-yellow-50,
  "aux-yellow-100" $unnnic-color-aux-yellow-100,
  "aux-yellow-200" $unnnic-color-aux-yellow-200,
  "aux-yellow-300" $unnnic-color-aux-yellow-300,
  "aux-yellow-400" $unnnic-color-aux-yellow-400,
  "aux-yellow-500" $unnnic-color-aux-yellow-500,
  "aux-yellow-600" $unnnic-color-aux-yellow-600,
  "aux-yellow-700" $unnnic-color-aux-yellow-700,
  "aux-yellow-800" $unnnic-color-aux-yellow-800,
  "aux-yellow-900" $unnnic-color-aux-yellow-900,
  "aux-yellow-950" $unnnic-color-aux-yellow-950,

  "floweditor-blue" $unnnic-color-floweditor-blue,
  "floweditor-purple" $unnnic-color-floweditor-purple,
  "floweditor-wine" $unnnic-color-floweditor-wine,
  "floweditor-orange" $unnnic-color-floweditor-orange,
  "floweditor-pink" $unnnic-color-floweditor-pink,
  "floweditor-turquoise" $unnnic-color-floweditor-turquoise,
  "floweditor-green" $unnnic-color-floweditor-green,

  /* Brand */
  "weni-50" $unnnic-color-weni-50,
  "weni-100" $unnnic-color-weni-100,
  "weni-200" $unnnic-color-weni-200,
  "weni-300" $unnnic-color-weni-300,
  "weni-400" $unnnic-color-weni-400,
  "weni-500" $unnnic-color-weni-500,
  "weni-600" $unnnic-color-weni-600,
  "weni-700" $unnnic-color-weni-700,
  "weni-800" $unnnic-color-weni-800,
  "weni-900" $unnnic-color-weni-900,
  "weni-950" $unnnic-color-weni-950,

  "brand-weni" $unnnic-color-brand-weni,
  "brand-weni-dark" $unnnic-color-brand-weni-dark,
  "brand-weni-soft" $unnnic-color-brand-weni-soft,
  "brand-sec-dark" $unnnic-color-brand-sec-dark,
  "brand-sec-soft" $unnnic-color-brand-sec-soft,
  "brand-sec" $unnnic-color-brand-sec;


@each $name, $color in $scheme-colors {
  .color-#{$name} {
    color: $color;
  }

  .bg-#{$name} {
    background-color: $color;
  }
}


.u {
  @each $name, $color in $scheme-colors {
    &.color-#{$name} {
      color: $color;
    }

    &.bg-#{$name} {
      background-color: $color;
    }
  }
}