/* ============================================================
   Maaß IT — Color tokens
   Sourced from the official CI/CD guides (MIT_Logo Guide.pdf,
   MIT_CI_CD_Redesign.pdf). Base values are the brand's; the
   ramps are harmonised tints/shades. See readme "VISUAL FOUNDATIONS".
   ============================================================ */
:root {
  /* ---- Brand primaries (exact CI values) ---- */
  --mit-orange: #FF7C00;   /* Maaß IT Orange · Pantone 151C · RAL 2003 · HKS 7K · CMYK 0/60/100/0 */
  --mit-dark:   #3C3C3C;   /* Neutral Dark   · Pantone Cool Gray 11C · RAL 7024 · HKS 97K */
  --mit-paper:  #FFFEFD;   /* Off-white surface (web theme colour) */

  /* ---- Orange ramp ---- */
  --orange-50:  #FFF4E8;
  --orange-100: #FFE4C7;
  --orange-200: #FFCE9C;
  --orange-300: #FFB165;
  --orange-400: #FF961F;
  --orange-500: #FF7C00;   /* = --mit-orange */
  --orange-600: #EA6E00;
  --orange-700: #C25A00;
  --orange-800: #964600;
  --orange-900: #6B3200;

  /* ---- Neutral ramp (warm grey, anchored on #3C3C3C) ---- */
  --gray-0:   #FFFFFF;
  --gray-25:  #FFFEFD;     /* = --mit-paper */
  --gray-50:  #F6F5F3;
  --gray-100: #ECEAE7;
  --gray-200: #DAD7D2;
  --gray-300: #BEBAB4;
  --gray-400: #939089;
  --gray-500: #6A6863;
  --gray-600: #4F4D49;
  --gray-700: #3C3C3C;     /* = --mit-dark */
  --gray-800: #2B2B2B;
  --gray-900: #1B1B1B;
  --gray-950: #121212;

  /* ---- Secondary / accent palette (CI "Sekundäre Farben") ---- */
  --accent-blue:    #050D9E;   /* Pantone 281C */
  --accent-green:   #37B37F;   /* recovered from CI artwork */
  --accent-magenta: #E8066D;   /* Pantone 213C */
  --accent-cyan:    #00C5F5;
  --accent-red:     #FF2E00;   /* Pantone Bright Red C */
  --accent-purple:  #7639DB;   /* Pantone 266C */

  /* ---- Semantic action ---- */
  --color-primary:        var(--mit-orange);
  --color-primary-hover:  var(--orange-600);
  --color-primary-active: var(--orange-700);
  --color-on-primary:     #FFFFFF;

  /* ---- Status (built only from CI colours) ---- */
  --status-info-solid:   var(--accent-cyan);
  --status-info-fg:      #0A6E93;
  --status-info-bg:      #E3F8FE;
  --status-info-border:  #B3ECFB;

  --status-success-solid:  var(--accent-green);
  --status-success-fg:     #1E7A55;
  --status-success-bg:     #E8F6EF;
  --status-success-border: #B6E3CF;

  --status-warning-solid:  var(--mit-orange);
  --status-warning-fg:     #9A4B00;
  --status-warning-bg:     #FFF1E0;
  --status-warning-border: #FFD3A6;

  --status-danger-solid:  var(--accent-red);
  --status-danger-fg:     #B31F00;
  --status-danger-bg:     #FFE9E3;
  --status-danger-border: #FFC0B0;

  /* ---- Semantic surfaces ---- */
  --surface-base:           var(--gray-25);
  --surface-raised:         #FFFFFF;
  --surface-sunken:         var(--gray-50);
  --surface-inverse:        var(--gray-700);
  --surface-inverse-raised: #484744;

  /* ---- Semantic text ---- */
  --text-strong:        var(--gray-900);
  --text-body:          var(--gray-700);
  --text-muted:         var(--gray-500);
  --text-subtle:        var(--gray-400);
  --text-inverse:       var(--gray-25);
  --text-inverse-muted: #C9C6C1;
  --text-accent:        var(--mit-orange);

  /* ---- Borders & focus ---- */
  --border-subtle:  var(--gray-100);
  --border-default: var(--gray-200);
  --border-strong:  var(--gray-300);
  --ring:           rgba(255, 124, 0, 0.38);
}