/* Remote font imports are intentionally avoided here so Studio shell first
 * paint is not blocked by Fontshare, Google Fonts, or CDN round trips.
 * Add self-hosted @font-face entries later if the brand typography needs them.
 */

/* ── SPUM Design Tokens ──
 * Foundation authority: this file owns the raw --spum-* token scale.
 * Studio semantic tokens (--ui-* and --ai-*) are defined in
 * studio/styles/depth.css, then themed by studio/styles/color-tilesets.css.
 * Keep legacy families as aliases until page CSS is migrated.
 */
:root {
  /* Surface — neutral dark ramp (faint cool tint) */
  --spum-bg-0: #0c0c10;
  --spum-bg-1: #101015;
  --spum-bg-2: #16161b;
  --spum-bg-3: #1d1d23;
  --spum-bg-4: #25252c;

  /* Text — neutral 4-step */
  --spum-text: #f5f5f7;
  --spum-text-secondary: #b8b8bf;
  --spum-text-muted: #6c6c75;
  --spum-text-faint: #45454d;

  /* Accent — single restrained cool blue */
  --spum-accent: #5b8cff;
  --spum-accent-soft: rgba(91, 140, 255, .12);
  --spum-accent-border: rgba(91, 140, 255, .20);
  --spum-success: #4de077;
  --spum-success-soft: rgba(77, 224, 119, .12);
  --spum-warning: #ffd700;
  --spum-warning-soft: rgba(255, 215, 0, .12);
  --spum-danger: #ff6b6b;
  --spum-danger-soft: rgba(255, 107, 107, .08);

  /* Border */
  --spum-border: rgba(255, 255, 255, .06);
  --spum-border-mid: rgba(255, 255, 255, .08);
  --spum-border-strong: rgba(255, 255, 255, .12);

  /* Radius */
  --spum-radius-sm: 4px;
  --spum-radius-md: 8px;
  --spum-radius-lg: 12px;
  --spum-radius-xl: 16px;

  /* control heights */
  --spum-control-h-sm: 24px;
  --spum-control-h-md: 28px;
  --spum-control-h-lg: 32px;

  /* Typography scale */
  --spum-fs-xs: 11px;
  --spum-fs-sm: 13px;
  --spum-fs-base: 14px;
  --spum-fs-md: 16px;
  --spum-fs-lg: 20px;

  /* Spacing */
  --spum-space-2: 2px;
  --spum-space-4: 4px;
  --spum-space-6: 6px;
  --spum-space-8: 8px;
  --spum-space-12: 12px;
  --spum-space-16: 16px;
  --spum-space-24: 24px;
  --spum-space-32: 32px;

  /* Typography - system-first stacks keep Studio startup offline and fast. */
  --spum-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  --spum-font-body: var(--spum-font);
  --spum-font-display: var(--spum-font);
  --spum-font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Apple SD Gothic Neo", "Malgun Gothic", monospace;

  /* Shadows */
  --spum-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);
  --spum-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);
  --spum-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);

  /* Transitions */
  --spum-transition-fast: .1s ease;
  --spum-transition-normal: .15s ease;
  --spum-transition-slow: .25s ease;

  /* Font weight scale */
  --spum-fw-regular: 400;
  --spum-fw-medium: 500;
  --spum-fw-semibold: 600;
  --spum-fw-bold: 700;

  /* Letter-spacing scale */
  --spum-tracking-tight: -0.01em;
  --spum-tracking-normal: 0;
  --spum-tracking-wide: 0.04em;
  --spum-tracking-caps: 0.08em;

  /* Line-height scale */
  --spum-lh-tight: 1.1;
  --spum-lh-snug: 1.3;
  --spum-lh-normal: 1.5;

  /* Inset / elevated shadow primitives (depth texture) */
  --spum-shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, .04);
  --spum-shadow-inset-bottom: inset 0 -1px 0 rgba(0, 0, 0, .32);
  --spum-shadow-inset-pressed: inset 0 1px 1px rgba(0, 0, 0, .42);
  --spum-shadow-elevated: 0 1px 0 rgba(255, 255, 255, .03), 0 18px 32px -22px rgba(0, 0, 0, .65);
}