/*
  NSN Company Colors
  Source: provided palette image
  ------------------------------------------------------
  Usage examples:
    color: var(--nsn-navy-600);
    background-color: var(--nsn-gold-300);
    border-color: var(--nsn-slate-400);

    ice aka light platinum

    todo: fix naming inconsistencies and colors

*/

:root {
  /* Light colors */
  --nsn-navy-600:  #324d77;
  --nsn-sky-200:   #bde5f1;
  --nsn-butter-200:#fceba2;
  --nsn-ice-50:    #f3f4f6;

  /* Main colors */
  /*    Primary colors */
  --nsn-navy-700:  #1d3462; /* Delft Blue */
  --nsn-gold-300:  #f8dc5d; /* Naples Yellow */
  /*    Secondary colors */
  --nsn-sky-300:   #8bccf0; /* Sky Blue */
  --nsn-stone-100: #e5e6e3; /* Platinum */

  /* Dark colors */
  --nsn-ink-800:   #102749;
  --nsn-slate-400: #659abc;
  --nsn-ochre-500: #d4af31;
  --nsn-stone-400: #adb3b1; /* Silver */
  
  --nsn-success: #198754;
  --nsn-danger: #b30000;
}

/* Text color utilities */
.text-nsn-navy-600  { color: var(--nsn-navy-600); }
.text-nsn-sky-200   { color: var(--nsn-sky-200); }
.text-nsn-butter-200{ color: var(--nsn-butter-200); }
.text-nsn-ice-50    { color: var(--nsn-ice-50); }

.text-nsn-navy-700  { color: var(--nsn-navy-700); }
.text-nsn-sky-300   { color: var(--nsn-sky-300); }
.text-nsn-gold-300  { color: var(--nsn-gold-300); }
.text-nsn-stone-100 { color: var(--nsn-stone-100); }

.text-nsn-ink-800   { color: var(--nsn-ink-800); }
.text-nsn-slate-400 { color: var(--nsn-slate-400); }
.text-nsn-ochre-500 { color: var(--nsn-ochre-500); }
.text-nsn-stone-400 { color: var(--nsn-stone-400); }

.text-nsn-success { color: var(--nsn-success); }
.text-nsn-danger { color: var(--nsn-danger); }

/* Background color utilities */
.bg-nsn-navy-600   { background-color: var(--nsn-navy-600); }
.bg-nsn-sky-200    { background-color: var(--nsn-sky-200); }
.bg-nsn-butter-200 { background-color: var(--nsn-butter-200); }
.bg-nsn-ice-50     { background-color: var(--nsn-ice-50); }

.bg-nsn-navy-700   { background-color: var(--nsn-navy-700); }
.bg-nsn-sky-300    { background-color: var(--nsn-sky-300); }
.bg-nsn-gold-300   { background-color: var(--nsn-gold-300); }
.bg-nsn-stone-100  { background-color: var(--nsn-stone-100); }

.bg-nsn-ink-800    { background-color: var(--nsn-ink-800); }
.bg-nsn-slate-400  { background-color: var(--nsn-slate-400); }
.bg-nsn-ochre-500  { background-color: var(--nsn-ochre-500); }
.bg-nsn-stone-400  { background-color: var(--nsn-stone-400); }
.bg-nsn-success { background-color: var(--nsn-success); }
.bg-nsn-danger   { background-color: var(--nsn-danger); }

/* Border color utilities */
.border-nsn-navy-600   { border-color: var(--nsn-navy-600); }
.border-nsn-sky-200    { border-color: var(--nsn-sky-200); }
.border-nsn-butter-200 { border-color: var(--nsn-butter-200); }
.border-nsn-ice-50     { border-color: var(--nsn-ice-50); }

.border-nsn-navy-700   { border-color: var(--nsn-navy-700); }
.border-nsn-sky-300    { border-color: var(--nsn-sky-300); }
.border-nsn-gold-300   { border-color: var(--nsn-gold-300); }
.border-nsn-stone-100  { border-color: var(--nsn-stone-100); }

.border-nsn-ink-800    { border-color: var(--nsn-ink-800); }
.border-nsn-slate-400  { border-color: var(--nsn-slate-400); }
.border-nsn-ochre-500  { border-color: var(--nsn-ochre-500); }
.border-nsn-stone-400  { border-color: var(--nsn-stone-400); }
.border-nsn-danger { border-color: var(--nsn-danger); }

/* Optional: convenience aliases for common roles */
:root {
  --nsn-primary:     var(--nsn-navy-700);
  --nsn-primary-2:   var(--nsn-navy-600);
  --nsn-primary-ink: var(--nsn-ink-800);
  --nsn-accent:      var(--nsn-ochre-500);
  --nsn-accent-soft: var(--nsn-gold-300);
  --nsn-info:        var(--nsn-slate-400);
  --nsn-surface:     var(--nsn-ice-50);
  --nsn-surface-2:   var(--nsn-stone-100);
  --nsn-muted:       var(--nsn-stone-400);
}