/* My Sircle Social visual source: docs/brand/My_Sircle_Social_Brand_Identity.html.
   Palette swatches remain unchanged. Semantic roles below adapt contrast for UI. */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/fonts/plus-jakarta-sans-variable.ttf') format('truetype');
}
:root {
  --mss-cyan: #00C2FF;
  --mss-blue: #0066FF;
  --mss-violet: #7F00FF;
  --mss-pink: #FF2D95;
  --mss-orange: #FF6A00;
  --mss-gold: #FFD24D;
  --mss-gradient: linear-gradient(105deg, #00C2FF 0%, #0066FF 20%, #7F00FF 42%, #FF2D95 65%, #FF6A00 84%, #FFD24D 100%);
  --mss-gradient-soft: linear-gradient(110deg, #C9F4FF 0%, #C7D6FF 30%, #EBD0FF 53%, #FFCCE5 76%, #FFE9BE 100%);
  --mss-gradient-cta: linear-gradient(105deg, #0066FF, #7F00FF);
  --mss-ink: #11182D;
  --mss-ink-2: #46516B;
  --mss-muted: #657089;
  --mss-background: #F7F9FC;
  --mss-surface: #FFFFFF;
  --mss-border: #E4E9F2;
  --mss-navy: #0D1430;
  --mss-success: #16876A;
  --mss-warning: #B45D08;
  --mss-danger: #B52E47;
  --mss-font: 'Plus Jakarta Sans', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mss-radius-sm: 10px;
  --mss-radius-md: 16px;
  --mss-radius-lg: 24px;
  --mss-radius-xl: 32px;
  --mss-shadow-card: 0 10px 36px rgba(18, 32, 68, .055);
  --mss-shadow-pop: 0 24px 70px rgba(21, 37, 94, .16);
  --mss-ease: cubic-bezier(.22, 1, .36, 1);
  --mss-color-canvas: #F7F9FC;
  --mss-color-surface: #FFFFFF;
  --mss-color-soft: #F5F7FC;
  --mss-color-text: #11182D;
  --mss-color-secondary: #46516B;
  --mss-color-muted: #657089;
  --mss-color-line: #E4E9F2;
  --mss-color-control-line: #73829B;
  --mss-color-primary: #0059D6;
  --mss-color-primary-solid: #0066FF;
  --mss-color-primary-soft: #EAF1FF;
  --mss-color-success: #0F7057;
  --mss-color-warning: #8A4C06;
  --mss-color-danger: #B52E47;
  --mss-chart-primary: #0066FF;
  --mss-chart-secondary: #9250C6;
  --mss-chart-tertiary: #16876A;
}
:root[data-theme="dark"] {
  --mss-color-canvas: #090F21;
  --mss-color-surface: #101A34;
  --mss-color-soft: #172340;
  --mss-color-text: #F5F7FF;
  --mss-color-secondary: #C6CFE4;
  --mss-color-muted: #99A7C8;
  --mss-color-line: #283658;
  --mss-color-control-line: #7387AF;
  --mss-color-primary: #8BB4FF;
  --mss-color-primary-soft: #20365E;
  --mss-color-success: #68D7B5;
  --mss-color-warning: #FFC16B;
  --mss-color-danger: #FF9BAD;
  --mss-chart-primary: #8BB4FF;
  --mss-chart-secondary: #C5A0F5;
  --mss-chart-tertiary: #68D7B5;
}