/* appad-ui v1 — design tokens. Single source of colors, fonts, radii and spacing. */

/* Fonts are declared here, not in shell.js: @font-face does not work inside Shadow DOM. */
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url(./fonts/inter-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url(./fonts/inter-cyrillic-400-normal.woff2) format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url(./fonts/inter-latin-500-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url(./fonts/inter-cyrillic-500-normal.woff2) format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: Inter; font-style: normal; font-weight: 600; font-display: swap; src: url(./fonts/inter-latin-600-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 600; font-display: swap; src: url(./fonts/inter-cyrillic-600-normal.woff2) format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(./fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(./fonts/ibm-plex-mono-cyrillic-400-normal.woff2) format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(./fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(./fonts/ibm-plex-mono-cyrillic-500-normal.woff2) format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }

:root {
  color-scheme: dark;

  /* Colors */
  --aui-bg: #0A0A0B;
  --aui-rail: #0D0D0F;
  --aui-surface: #111113;
  --aui-surface-sunken: #0E0E10;
  --aui-raised: #18181B;
  --aui-raised-hover: #202024;       /* secondary button hover */
  --aui-hover: #151518;
  --aui-segment-active: #232328;     /* active segment in aui-segmented */
  --aui-nav-icon: #17171A;           /* nav icon plate at rest */
  --aui-border: #1F1F23;
  --aui-border-strong: #2A2A30;
  --aui-border-accent: #3B3756;      /* portal card hover border */
  --aui-divider: #1C1C20;
  --aui-text: #F4F4F5;
  --aui-text-2: #A3A3A3;
  --aui-text-3: #8B8B90;
  --aui-text-nav: #C9C9CE;
  --aui-on-accent: #0A0A0B;          /* text on accent / lime fills */
  --aui-accent: #A99DF8;
  --aui-accent-tint: #1C1A2E;
  --aui-ok: #CCFF87;
  --aui-ok-tint: #1A2210;
  --aui-warn: #FFC46B;
  --aui-warn-tint: #2A2110;
  --aui-danger: #FF8F80;
  --aui-danger-tint: #2C1513;
  --aui-danger-border: #5A2A24;
  --aui-pattern-muted: #3A3A40;      /* grey row of the portal slash pattern */

  /* Fonts */
  --aui-font: Inter, system-ui, sans-serif;
  --aui-mono: 'IBM Plex Mono', monospace;

  /* Type scale */
  --aui-text-display: 48px;
  --aui-text-h1: 28px;
  --aui-text-h2: 16px;
  --aui-text-body: 14px;
  --aui-text-small: 13px;
  --aui-text-mono: 12px;
  --aui-text-caps: 11px;
  --aui-caps-spacing: 0.08em;
  --aui-leading: 1.5;
  --aui-leading-tight: 1.2;
  --aui-leading-mono: 1.4;

  /* Radii */
  --aui-radius-badge: 6px;
  --aui-radius-control: 10px;
  --aui-radius-card: 16px;
  --aui-radius-portal: 20px;

  /* Spacing: 4px step */
  --aui-space-1: 4px;
  --aui-space-2: 8px;
  --aui-space-3: 12px;
  --aui-space-4: 16px;
  --aui-space-5: 20px;
  --aui-space-6: 24px;
  --aui-space-7: 28px;
  --aui-space-8: 32px;
  --aui-space-10: 40px;
  --aui-space-12: 48px;

  /* Sizes */
  --aui-control-h: 44px;
  --aui-button-h: 42px;
  --aui-rail-w: 248px;
  --aui-topbar-h: 56px;
}