/* ════════════════════════════════════════════════════════════════════
   BRAND — Shater (shater)
   ev-skin.css — the student portal ramp (loaded after the generated ev-portal.css)
   Generated by Eversity from brand.json on 2026-10-06 14:04 UTC — docs/brand-package.md
   Inputs: primary #EF582B · secondary #FFC107 · fonts Changa / Cairo / Cairo · radius rounded · sidebar dark · auth panel dark · portal dark · public dark
   Contrast gate: 12 pass · 7 adjusted · 0 fail
   Token overrides only — never edit by hand; upload a new package instead.
   ════════════════════════════════════════════════════════════════════ */

:root {
  --ev-ink-50: #F2F7FF;
  --ev-ink-100: #E1ECFF;
  --ev-ink-200: #CDD8EC;
  --ev-ink-300: #ADB8CB;
  --ev-ink-400: #8893A5;
  --ev-ink-500: #687284;
  --ev-ink-600: #4F5869;
  --ev-ink-700: #3A4353;
  --ev-ink-800: #252E3D;
  --ev-ink-900: #131B29;
  --ev-ink-950: #060D1A;
  --ev-cobalt-50: #FFF4F1;
  --ev-cobalt-100: #FFECE7;
  --ev-cobalt-200: #FFD9CE;
  --ev-cobalt-300: #FFBEAC;
  --ev-cobalt-400: #FF9A7E;
  --ev-cobalt-500: #FF754E;
  --ev-cobalt-600: #EF582B;
  --ev-cobalt-700: #C83B07;
  --ev-cobalt-800: #9B2900;
  --ev-cobalt-900: #6A1800;
  --ev-meadow-50: #EFFAF5;
  --ev-meadow-100: #E1F7ED;
  --ev-meadow-200: #C2EEDA;
  --ev-meadow-400: #63D0A7;
  --ev-meadow-500: #39BD91;
  --ev-meadow-600: #14A87D;
  --ev-meadow-700: #00674B;
  --ev-sun-50: #FCF6EB;
  --ev-sun-100: #FEF2DB;
  --ev-sun-400: #FFCD66;
  --ev-sun-500: #FDBE25;
  --ev-sun-600: #F1B304;
  --ev-sun-700: #8D6700;
  --ev-ember-50: #FFF4F2;
  --ev-ember-100: #FFEAE6;
  --ev-ember-500: #F64F40;
  --ev-ember-600: #D93025;
  --ev-ember-700: #B8110D;
  --ev-glyph-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23C83B07' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");
  --ev-text-strong: #131B29;
  --ev-text-body: #3A4353;
  --ev-text-muted: #687284;
  --ev-text-faint: #8893A5;
  --ev-surface-page: #F2F7FF;
  --ev-surface-card: #FFFFFF;
  --ev-surface-inset: #E1ECFF;
  --ev-border-default: #CDD8EC;
  --ev-border-subtle: #E1ECFF;
  --ev-border-strong: #ADB8CB;
  --ev-border-focus: #FF754E;
  --ev-accent-primary: #EF582B;
  --ev-accent-primary-hover: #C83B07;
  --ev-accent-primary-press: #9B2900;
  --ev-radius-xs: 6px;
  --ev-radius-sm: 8px;
  --ev-radius-md: 10px;
  --ev-radius-lg: 14px;
  --ev-radius-xl: 20px;
  --ev-radius-pill: 999px;
  --ev-shadow-xs: 0 1px 2px rgba(6,13,26,0.06);
  --ev-shadow-sm: 0 1px 3px rgba(6,13,26,0.08), 0 1px 2px rgba(6,13,26,0.04);
  --ev-shadow-md: 0 4px 12px rgba(6,13,26,0.08), 0 1px 3px rgba(6,13,26,0.05);
  --ev-shadow-lg: 0 12px 32px rgba(6,13,26,0.12), 0 2px 6px rgba(6,13,26,0.05);
  --ev-shadow-focus: 0 0 0 3px #FFD9CE;
  --ev-horizon-gradient: linear-gradient(90deg,transparent,#FF9A7E 30%,#FF9A7E 70%,transparent);
  --ev-font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --ev-surface-veil: rgba(255,255,255,0.92);
  --ev-surface-ink: #131B29;
  --ev-surface-ink-deep: #060D1A;
  --ev-surface-ink-soft: #252E3D;
  --ev-surface-ink-hover: #3A4353;
  --ev-text-on-ink: #CDD8EC;
  --ev-mix-surface: #FFFFFF;
  --ev-mix-ink: #000000;
  --ev-course-icon: 58px;
  --ev-veil-page-rgb: 242,247,255;
  --ev-surface-track: #E1ECFF;
}

/* ── DARK SURFACES — body.octo-portal-body and body.octo-public-body ── */
body.octo-portal-body,
body.octo-public-body {
  color-scheme: dark;
  --ev-ink-50: #060D1A;
  --ev-ink-100: #131B29;
  --ev-ink-200: #252E3D;
  --ev-ink-300: #3A4353;
  --ev-ink-400: #4F5869;
  --ev-ink-500: #687284;
  --ev-ink-600: #8893A5;
  --ev-ink-700: #ADB8CB;
  --ev-ink-800: #CDD8EC;
  --ev-ink-900: #E1ECFF;
  --ev-ink-950: #F2F7FF;
  --ev-text-strong: #F2F7FF;
  --ev-text-body: #CDD8EC;
  --ev-text-muted: #ADB8CB;
  --ev-text-faint: #8893A5;
  --ev-surface-page: #060D1A;
  --ev-surface-card: #131B29;
  --ev-surface-inset: #252E3D;
  --ev-surface-veil: rgba(19,27,41,0.92);
  --ev-veil-page-rgb: 6,13,26;
  --ev-surface-track: #131B29;
  --ev-surface-ink: #131B29;
  --ev-surface-ink-deep: #060D1A;
  --ev-surface-ink-soft: #252E3D;
  --ev-surface-ink-hover: #3A4353;
  --ev-text-on-ink: #CDD8EC;
  --ev-mix-surface: #131B29;
  --ev-mix-ink: #FFFFFF;
  --ev-border-default: #252E3D;
  --ev-border-subtle: #252E3D;
  --ev-border-strong: #3A4353;
  --ev-shadow-xs: 0 1px 2px rgba(0,0,0,.45);
  --ev-shadow-sm: 0 2px 6px rgba(0,0,0,.5);
  --ev-shadow-md: 0 8px 20px rgba(0,0,0,.55);
  --ev-shadow-lg: 0 18px 44px rgba(0,0,0,.6);
  --ev-cobalt-100: #9B2900;
  --ev-cobalt-50: #6A1800;
  --ev-cobalt-700: #FFBEAC;
  --ev-meadow-100: #00674B;
  --ev-meadow-50: #004531;
  --ev-meadow-700: #98E2C3;
  --ev-sun-100: #594000;
  --ev-sun-50: #251800;
  --ev-sun-700: #FFDD9B;
  --ev-ember-100: #930000;
  --ev-ember-50: #680000;
  --ev-ember-700: #FFAFA3;
  --ev-glyph-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23FFBEAC' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");
}

/* ── PAPER — stored content keeps the white page it was written against ── */
body.octo-portal-body .ev-sheet,
body.octo-portal-body .aiexam-ex,
body.octo-portal-body .aiexam-key,
body.octo-portal-body .shater-fig-light,
body.octo-public-body .ev-sheet,
body.octo-public-body .aiexam-ex,
body.octo-public-body .aiexam-key,
body.octo-public-body .shater-fig-light {
  color-scheme: light;
  color: var(--ev-text-body);
  --ev-ink-50: #F2F7FF;
  --ev-ink-100: #E1ECFF;
  --ev-ink-200: #CDD8EC;
  --ev-ink-300: #ADB8CB;
  --ev-ink-400: #8893A5;
  --ev-ink-500: #687284;
  --ev-ink-600: #4F5869;
  --ev-ink-700: #3A4353;
  --ev-ink-800: #252E3D;
  --ev-ink-900: #131B29;
  --ev-ink-950: #060D1A;
  --ev-text-strong: #131B29;
  --ev-text-body: #3A4353;
  --ev-text-muted: #687284;
  --ev-text-faint: #8893A5;
  --ev-surface-page: #F2F7FF;
  --ev-surface-card: #FFFFFF;
  --ev-surface-inset: #E1ECFF;
  --ev-surface-veil: rgba(255,255,255,0.92);
  --ev-veil-page-rgb: 242,247,255;
  --ev-surface-track: #E1ECFF;
  --ev-surface-ink: #131B29;
  --ev-surface-ink-deep: #060D1A;
  --ev-surface-ink-soft: #252E3D;
  --ev-surface-ink-hover: #3A4353;
  --ev-text-on-ink: #CDD8EC;
  --ev-mix-surface: #FFFFFF;
  --ev-mix-ink: #000000;
  --ev-border-default: #CDD8EC;
  --ev-border-subtle: #E1ECFF;
  --ev-border-strong: #ADB8CB;
  --ev-shadow-xs: 0 1px 2px rgba(6,13,26,0.06);
  --ev-shadow-sm: 0 1px 3px rgba(6,13,26,0.08), 0 1px 2px rgba(6,13,26,0.04);
  --ev-shadow-md: 0 4px 12px rgba(6,13,26,0.08), 0 1px 3px rgba(6,13,26,0.05);
  --ev-shadow-lg: 0 12px 32px rgba(6,13,26,0.12), 0 2px 6px rgba(6,13,26,0.05);
  --ev-cobalt-100: #FFECE7;
  --ev-cobalt-50: #FFF4F1;
  --ev-cobalt-700: #C83B07;
  --ev-meadow-100: #E1F7ED;
  --ev-meadow-50: #EFFAF5;
  --ev-meadow-700: #00674B;
  --ev-sun-100: #FEF2DB;
  --ev-sun-50: #FCF6EB;
  --ev-sun-700: #8D6700;
  --ev-ember-100: #FFEAE6;
  --ev-ember-50: #FFF4F2;
  --ev-ember-700: #B8110D;
  --ev-glyph-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23C83B07' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");
}
body.octo-portal-body .ev-sheet, body.octo-public-body .ev-sheet { background: var(--ev-paper); }

/* ── BRAND LOGO — this brand ships a lockup, which needs the room the mark and the wordmark had ── */
.ev-brand .ev-lockup { height: 40px; }
.ev-fbrand .ev-brand .ev-lockup, .ev-ftr .ev-brand .ev-lockup { height: 30px; }
.ev-auth-side .ev-brand .ev-lockup { height: 44px; }
.ev-mp-brand .ev-lockup { height: 18px; }