/*
 * AirContent Update Repository — Design Tokens
 *
 * Palette = the AirContent desktop palette (DevExpress "The Bezier" skin with the
 * "AirContent" SvgPalette, App.config) as mirrored by aircontent-web-gui/css/tokens.css,
 * plus the public-site additions from rsm-website/css/site.css (accent-soft, brand
 * gradient, deep navy). Base font is 14 px: this is a portal, not a desktop clone.
 * Light theme only.
 */

:root {
  /* ── AirContent palette (App.config) ───────────────────────────────── */
  --ac-paint:              #F0F0F0;
  --ac-paint-high:         #FFFFFF;
  --ac-paint-shadow:       #E4E4E4;
  --ac-paint-deep-shadow:  #DADADA;
  --ac-brush:              #262626;
  --ac-brush-light:        #666666;
  --ac-brush-major:        #ABABAB;
  --ac-brush-minor:        #D2D2D2;
  --ac-accent:             #003366;
  --ac-accent-hover:       #0B457F;
  --ac-accent-light:       #C6C6C6;
  --ac-accent-brush-light: #70A4EB;
  --ac-key-brush-light:    #78AAE2;
  --ac-red:                #EB3C00;
  --ac-green:              #68A490;
  --ac-blue:               #4D82B8;
  --ac-yellow:             #EAC282;
  --ac-black:              #727272;
  --ac-gray:               #AFADAF;

  /* ── Public-site additions (rsm-website) ───────────────────────────── */
  --ac-accent-soft:        #E8EFF7;
  --ac-accent-soft-2:      #D5E2F0;
  --ac-navy-deep:          #00264D;
  --ac-gradient-brand:     linear-gradient(135deg, #3DA5DD 0%, #2F77BC 55%, #2E4F9E 100%);
  --ac-ok-text:            #2F7A4B;
  --ac-warn-text:          #8A4B0E;
  --ac-danger-text:        #B52E00;

  /* ── Derived surfaces ──────────────────────────────────────────────── */
  --ac-topbar-bg:          var(--ac-accent);
  --ac-topbar-fg:          #FFFFFF;
  --ac-topbar-hover:       rgba(255, 255, 255, 0.14);
  --ac-topbar-open:        rgba(255, 255, 255, 0.24);
  --ac-sidebar-bg:         var(--ac-paint-high);
  --ac-sidebar-fg:         var(--ac-brush);
  --ac-sidebar-hover:      var(--ac-accent-soft);
  --ac-sidebar-active-bg:  var(--ac-accent);
  --ac-sidebar-active-fg:  #FFFFFF;
  --ac-menu-bg:            var(--ac-paint-high);
  --ac-menu-hover:         #DCE6F2;
  --ac-menu-shadow:        0 6px 18px rgba(0, 0, 0, 0.18);
  --ac-card-bg:            var(--ac-paint-high);
  --ac-card-border:        var(--ac-brush-minor);
  --ac-card-shadow:        0 1px 2px rgba(0, 51, 102, 0.06), 0 4px 14px rgba(0, 51, 102, 0.06);
  --ac-workspace-bg:       var(--ac-paint);
  --ac-dialog-bg:          var(--ac-paint-high);
  --ac-dialog-caption-bg:  var(--ac-accent);
  --ac-dialog-caption-fg:  #FFFFFF;
  --ac-overlay:            rgba(0, 0, 0, 0.35);
  --ac-input-bg:           var(--ac-paint-high);
  --ac-input-border:       var(--ac-brush-major);
  --ac-input-focus:        var(--ac-accent);
  --ac-button-bg:          var(--ac-paint-high);
  --ac-button-border:      var(--ac-brush-major);
  --ac-button-hover:       var(--ac-paint);
  --ac-button-primary-bg:  var(--ac-accent);
  --ac-button-primary-fg:  #FFFFFF;
  --ac-code-bg:            #F4F6F9;
  --ac-error:              #B22222;
  --ac-warning:            #E67E22;
  --ac-ok:                 #008000;
  --ac-offline:            #C00000;
  --ac-neutral-dot:        #9A9A9A;
  --ac-row-hover:          var(--ac-menu-hover);
  --ac-row-border:         #ECECEC;
  --ac-link:               var(--ac-accent);

  /* ── Tints for badges / banners ────────────────────────────────────── */
  --ac-tint-blue-bg:   #E8EFF7;  --ac-tint-blue-fg:   #003366;
  --ac-tint-amber-bg:  #FFF1D6;  --ac-tint-amber-fg:  #8A4B0E;
  --ac-tint-red-bg:    #FFE2D6;  --ac-tint-red-fg:    #B52E00;
  --ac-tint-green-bg:  #DDF2E5;  --ac-tint-green-fg:  #2F7A4B;
  --ac-tint-purple-bg: #ECE3F7;  --ac-tint-purple-fg: #5E3A9E;
  --ac-tint-gray-bg:   #E4E4E4;  --ac-tint-gray-fg:   #666666;

  /* ── Typography ────────────────────────────────────────────────────── */
  --ac-font-family: 'Segoe UI', 'Segoe UI Variable Text', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --ac-font-mono:   'Cascadia Mono', Consolas, 'Liberation Mono', Menlo, monospace;
  --ac-font-size:    14px;
  --ac-font-size-sm: 12px;
  --ac-font-size-lg: 16px;
  --ac-font-scale:   1;

  /* ── Metrics ───────────────────────────────────────────────────────── */
  --ac-space-xs: 2px;
  --ac-space-sm: 4px;
  --ac-space-md: 8px;
  --ac-space-lg: 16px;
  --ac-space-xl: 24px;
  --ac-radius:   3px;
  --ac-radius-lg: 6px;
  --ac-topbar-height: 48px;
  --ac-sidebar-width: 220px;
  --ac-content-max:   1240px;

  --ac-focus-ring:   2px solid var(--ac-accent-brush-light);
  --ac-focus-offset: 1px;
}