/* Theme: linear (Lynäar Family)
   Derived from: https://linear.app/ (canonical source)
   Family: lynaear | Theme ID: linear
   Derivation: source -> canonical-linear (direct mapping)
   Status: active | IP Gate: pending RG-007 before production use
*/

@import url('../../../b2b/solution-provider/assets/style.css');

:root {
  /* Linear default: dark minimal product shell */
  --color-navy:        #21212a;
  --color-blue-dark:   #2f333b;
  --color-blue-mid:    #4a505c;
  --color-blue-light:  #6a7281;
  --color-accent:      #8f96a3;

  --iio-bg:            #16161a;
  --iio-bg-subtle:     #1a1a1f;
  --iio-bg-raised:     #1e1e24;
  --iio-bg-sunken:     #0f0f12;

  --iio-surface:       #1e1e24;
  --iio-surface-soft:  #222228;
  --iio-surface-mid:   #28282f;

  --iio-ink:           #f0f1f5;
  --iio-ink-soft:      #d8dce4;
  --iio-muted:         #9ca3b3;
  --iio-muted-light:   #6f7a8a;
  --iio-on-accent:     #ffffff;

  --iio-line:          #303038;
  --iio-line-strong:   #48484f;
  --iio-line-subtle:   #252528;

  --iio-accent:        #8f96a3;
  --iio-accent-mid:    #a5acb8;
  --iio-accent-light:  #262a31;
  --iio-accent-hover:  #b1b8c3;

  --iio-ok:            #5eb681;
  --iio-ok-bg:         #1a3a28;
  --iio-ok-line:       #2d7a52;
  --iio-warn:          #f5a623;
  --iio-warn-bg:       #3a2a0a;
  --iio-warn-line:     #6b4f1a;
  --iio-risk:          #f87878;
  --iio-risk-bg:       #3a1a1a;
  --iio-risk-line:     #7a3a3a;
  --iio-info:          #aeb6c3;
  --iio-info-bg:       #242932;
  --iio-info-line:     #3f4653;

  --iio-gate-all-bg:          #1a3a28;
  --iio-gate-all-line:        #2d7a52;
  --iio-gate-all-ink:         #5eb681;
  --iio-gate-boundary-bg:     #3a2a0a;
  --iio-gate-boundary-line:   #6b4f1a;
  --iio-gate-boundary-ink:    #f5d075;
  --iio-gate-txn-bg:          #1f242d;
  --iio-gate-txn-line:        #353d49;
  --iio-gate-txn-ink:         #aeb6c3;
  --iio-gate-story-bg:        #21242a;
  --iio-gate-story-line:      #3a414c;
  --iio-gate-story-ink:       #c2c8d2;
  --iio-gate-role-bg:         #25272c;
  --iio-gate-role-line:       #42464f;
  --iio-gate-role-ink:        #d2d7df;
  --iio-gate-unknown-bg:      #1e1e28;
  --iio-gate-unknown-line:    #353540;
  --iio-gate-unknown-ink:     #9ca3b3;

  --iio-font-base:    "Segoe UI", "Noto Sans", "Liberation Sans", Arial, sans-serif;
  --iio-font-mono:    "IBM Plex Mono", "Consolas", "Liberation Mono", monospace;
  --iio-font-size:    14px;
  --iio-line-height:  1.6;

  --iio-r-sm:   4px;
  --iio-r-md:   8px;
  --iio-r-lg:   12px;
  --iio-r-xl:   16px;
  --iio-r-pill: 999px;

  --iio-shadow-sm:  0 1px 3px rgba(240, 241, 245, 0.08);
  --iio-shadow-md:  0 4px 12px rgba(240, 241, 245, 0.10);
  --iio-shadow-lg:  0 8px 24px rgba(240, 241, 245, 0.12);

  --iio-sp-xs:  4px;
  --iio-sp-sm:  8px;
  --iio-sp-md:  16px;
  --iio-sp-lg:  24px;
  --iio-sp-xl:  32px;
  --iio-sp-2xl: 48px;

  --iio-h-bg:    #1a1a1f;
  --iio-h-ink:   #f0f1f5;
  --iio-h-muted: #9ca3b3;
  --iio-h-line:  #303038;

  --iio-code-bg:   #1a1a1f;
  --iio-code-ink:  #d8dce4;
  --iio-pre-bg:    #16161a;
  --iio-pre-line:  #303038;

  --iio-thead-bg:  #222228;
  --iio-tr-hover:  #28282f;
  --iio-tr-active: #303038;

  --iio-tab-bg:         #222228;
  --iio-tab-active-bg:  #2a2d33;
  --iio-tab-active-ink: #c2c8d2;
}

[data-theme="light"] {
  /* Optional light presentation for explicit shell toggle */
  --iio-bg:            #f8f9fb;
  --iio-bg-subtle:     #fafbfc;
  --iio-bg-raised:     #ffffff;
  --iio-bg-sunken:     #f0f2f7;

  --iio-surface:       #ffffff;
  --iio-surface-soft:  #fafbfc;
  --iio-surface-mid:   #f0f2f7;

  --iio-ink:           #1a1d1f;
  --iio-ink-soft:      #2d3237;
  --iio-muted:         #626a73;
  --iio-muted-light:   #8a91a0;
  --iio-on-accent:     #ffffff;

  --iio-line:          #d4d7e0;
  --iio-line-strong:   #b5bcc7;
  --iio-line-subtle:   #e5e7ed;

  --iio-accent:        #4a5260;
  --iio-accent-mid:    #646d7d;
  --iio-accent-light:  #eef1f4;
  --iio-accent-hover:  #3e4552;

  --iio-ok:            #2d8a59;
  --iio-ok-bg:         #dcf5ea;
  --iio-ok-line:       #85d4a0;
  --iio-warn:          #c67f1a;
  --iio-warn-bg:       #fef4e0;
  --iio-warn-line:     #f5d075;
  --iio-risk:          #c53a3a;
  --iio-risk-bg:       #fde8e8;
  --iio-risk-line:     #f0a8a8;
  --iio-info:          #5f6a79;
  --iio-info-bg:       #edf0f4;
  --iio-info-line:     #c7ced8;

  --iio-gate-all-bg:          #dcf5ea;
  --iio-gate-all-line:        #85d4a0;
  --iio-gate-all-ink:         #1a4b30;
  --iio-gate-boundary-bg:     #fef4e0;
  --iio-gate-boundary-line:   #f5d075;
  --iio-gate-boundary-ink:    #6b3d0f;
  --iio-gate-txn-bg:          #edf0f4;
  --iio-gate-txn-line:        #c7ced8;
  --iio-gate-txn-ink:         #2f3947;
  --iio-gate-story-bg:        #f1f3f6;
  --iio-gate-story-line:      #ced3db;
  --iio-gate-story-ink:       #394150;
  --iio-gate-role-bg:         #f3f4f6;
  --iio-gate-role-line:       #d5d8de;
  --iio-gate-role-ink:        #444b57;
  --iio-gate-unknown-bg:      #f1f3f9;
  --iio-gate-unknown-line:    #d4d9e5;
  --iio-gate-unknown-ink:     #414d63;

  --iio-shadow-sm:  0 1px 2px rgba(26, 29, 31, 0.05);
  --iio-shadow-md:  0 2px 8px rgba(26, 29, 31, 0.08);
  --iio-shadow-lg:  0 4px 16px rgba(26, 29, 31, 0.10);

  --iio-h-bg:    #f9fafc;
  --iio-h-ink:   #1a1d1f;
  --iio-h-muted: #626a73;
  --iio-h-line:  #d4d7e0;

  --iio-code-bg:   #f0f2f7;
  --iio-code-ink:  #1a1d1f;
  --iio-pre-bg:    #f8f9fb;
  --iio-pre-line:  #d4d7e0;

  --iio-thead-bg:  #f5f6f9;
  --iio-tr-hover:  #fafbfc;
  --iio-tr-active: #f0f2f7;

  --iio-tab-bg:         #f5f6f9;
  --iio-tab-active-bg:  #eceff3;
  --iio-tab-active-ink: #4a5260;
}