/**
 * 26–27 brand tokens for authenticated sctheme pages (colors only).
 * Mirrors supercomputing_challenge theme-2627.css variables.
 */

:root {
  --sc-bg-deep: #030913;
  --sc-bg-elevated: #0b1522;
  --sc-valley-blue: #013c91;
  --sc-teal: #014f90;
  --sc-peak-green: #028a6c;
  --sc-peak-green-bright: #2fd6a5;
  --sc-editorial-green: #58d7ad;
  --sc-header-bg: rgba(3, 9, 19, 0.94);
  --sc-auth-nav-bg: rgba(4, 11, 21, 0.97);
  --sc-surface-card-gradient: linear-gradient(
    135deg,
    rgba(1, 79, 144, 0.5) 0%,
    rgba(2, 138, 108, 0.55) 42%,
    rgba(2, 138, 108, 0.28) 100%
  );
  --sc-surface-card-gradient-muted: linear-gradient(
    135deg,
    rgba(1, 79, 144, 0.38) 0%,
    rgba(2, 138, 108, 0.42) 50%,
    rgba(2, 138, 108, 0.2) 100%
  );
  --sc-surface-card-gradient-strong: linear-gradient(
    135deg,
    rgba(1, 79, 144, 0.58) 0%,
    rgba(2, 138, 108, 0.62) 45%,
    rgba(2, 138, 108, 0.32) 100%
  );
  --sc-surface-card-bg: var(--sc-surface-card-gradient);
  --sc-surface-card-bg-muted: var(--sc-surface-card-gradient-muted);
  --sc-surface-card-bg-strong: var(--sc-surface-card-gradient-strong);
  --sc-surface-card-border: rgba(2, 138, 108, 0.5);
  --sc-surface-card-shadow:
    inset 0 0 48px rgba(2, 138, 108, 0.28),
    0 12px 32px rgba(0, 0, 0, 0.22);
  --sc-brand-orange: #f4b417;
  --sc-brand-yellow: #fbbb0f;
  --sc-brand-red: #e0231b;
  --sc-heading-h3-color: var(--sc-brand-yellow);
  --sc-text-muted: #b9c5d4;

  /* Corner radii — match theme-2627.css */
  --sc-radius-none: 0;
  --sc-radius-sm: 4px;
  --sc-radius-md: 6px;
  --sc-radius-lg: 8px;
  --sc-radius-pill: 999px;
  --sc-radius-round: 50%;

  --sc-chamfer-sm: 4px;
  --sc-chamfer-md: 6px;
  --sc-chamfer-lg: 8px;
  --sc-chamfer-clip-sm: polygon(
    4px 0,
    calc(100% - 4px) 0,
    100% 4px,
    100% calc(100% - 4px),
    calc(100% - 4px) 100%,
    4px 100%,
    0 calc(100% - 4px),
    0 4px
  );
  --sc-chamfer-clip-md: polygon(
    6px 0,
    calc(100% - 6px) 0,
    100% 6px,
    100% calc(100% - 6px),
    calc(100% - 6px) 100%,
    6px 100%,
    0 calc(100% - 6px),
    0 6px
  );
  --sc-chamfer-clip-lg: polygon(
    8px 0,
    calc(100% - 8px) 0,
    100% 8px,
    100% calc(100% - 8px),
    calc(100% - 8px) 100%,
    8px 100%,
    0 calc(100% - 8px),
    0 8px
  );
}

/* Subtle header/nav alignment with 26–27 landing */
.navbar,
.header,
#navbar-top {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

a {
  color: var(--sc-valley-blue);
}

a:hover,
a:focus {
  color: var(--sc-peak-green);
}

.btn-primary,
.button--primary {
  background-color: var(--sc-brand-yellow) !important;
  border-color: var(--sc-brand-orange) !important;
  color: var(--sc-bg-deep) !important;
}

/* Authenticated internal pages: quiet operational surfaces with brand accents. */
body.sc-authenticated-page {
  --sc-auth-page-bg: #050c15;
  --sc-auth-surface: #0c1622;
  --sc-auth-surface-raised: #111e2c;
  --sc-auth-surface-hover: #172637;
  --sc-auth-border: #243549;
  --sc-auth-border-strong: #39516a;
  --sc-auth-info: #69b7ff;
  --sc-auth-success: var(--sc-editorial-green);
  --sc-auth-warning: #fbbb0f;
  --sc-auth-danger: #ff6b64;
  --sc-backend-accent: var(--sc-brand-yellow);
  --sc-surface-card-bg: rgba(10, 20, 32, 0.97);
  --sc-surface-card-border: var(--sc-auth-border);
  --sc-surface-card-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 44px -28px rgba(0, 0, 0, 0.85);
  --sc-surface-card-bg-muted: var(--sc-auth-surface);
  --sc-surface-card-bg-strong: var(--sc-auth-surface-raised);
  --sc-auth-nested-surface-bg: var(--sc-auth-surface-raised);
  --sc-auth-nested-surface-border: var(--sc-auth-border);
  --sc-auth-nested-surface-radius: var(--sc-radius-md, 6px);
  --sc-text-muted: #aab5c4;
  --sc-display-font: "Space Grotesk", "Exo 2", Inter, sans-serif;
}