/* Astarter Photonic v1.0. Generated from tokens.json; opt-in integration, no global element resets. */

:root, [data-ast-theme="dark"] {
  --ast-font-sans: "Inter", "Noto Sans SC", system-ui, sans-serif;
  --ast-font-mono: "IBM Plex Mono", monospace;
  --ast-weight-body: 400;
  --ast-weight-heading: 500;
  --ast-weight-strong: 600;
  --ast-radius-xs: 6px;
  --ast-radius-sm: 10px;
  --ast-radius-md: 16px;
  --ast-radius-lg: 24px;
  --ast-radius-pill: 999px;
  --ast-duration-fast: 120ms;
  --ast-duration-control: 200ms;
  --ast-duration-panel: 320ms;
  --ast-duration-reveal: 520ms;
  --ast-duration-scene: 900ms;
  --ast-ease-out: cubic-bezier(.2,.7,.1,1);
  --ast-ease-in-out: cubic-bezier(.65,0,.35,1);
  --ast-target: 44px;
  --ast-container: 1320px;
  --ast-article: 740px;
  --ast-sidebar: 232px;
  --ast-spectrum: linear-gradient(90deg,#ff4b3e,#ff9a2b,#ffd84d,#4dff7a,#3dd5ff,#4a6bff,#a24dff);
  --ast-glass-blur: 20px;
  --ast-shadow-panel: inset 0 1px 0 #ffffff0a, 0 8px 24px -12px #0009;
  --ast-shadow-overlay: inset 0 1px 0 #ffffff0d, 0 24px 48px -16px #000000b3;
  --ast-spectrum-1: #ff4b3e;
  --ast-spectrum-2: #ff9a2b;
  --ast-spectrum-3: #ffd84d;
  --ast-spectrum-4: #4dff7a;
  --ast-spectrum-5: #3dd5ff;
  --ast-spectrum-6: #4a6bff;
  --ast-spectrum-7: #a24dff;
  --ast-space-4: 0.25rem;
  --ast-space-8: 0.5rem;
  --ast-space-12: 0.75rem;
  --ast-space-16: 1rem;
  --ast-space-20: 1.25rem;
  --ast-space-24: 1.5rem;
  --ast-space-32: 2rem;
  --ast-space-40: 2.5rem;
  --ast-space-48: 3rem;
  --ast-space-64: 4rem;
  --ast-space-80: 5rem;
  --ast-space-96: 6rem;
  --ast-space-128: 8rem;
  --ast-space-160: 10rem;
  --ast-type-display-desktop: 5rem;
  --ast-type-display-mobile: 2.5rem;
  --ast-type-display-small: 2.125rem;
  --ast-type-display-weight: 400;
  --ast-type-display-line: 1.08;
  --ast-type-display-mobile-line: 1.18;
  --ast-type-section-desktop: 3rem;
  --ast-type-section-mobile: 1.875rem;
  --ast-type-section-weight: 400;
  --ast-type-section-line: 1.16;
  --ast-type-section-mobile-line: 1.25;
  --ast-type-page-desktop: 1.75rem;
  --ast-type-page-mobile: 1.5rem;
  --ast-type-page-weight: 500;
  --ast-type-page-line: 1.3;
  --ast-type-page-mobile-line: 1.35;
  --ast-type-panel-desktop: 1.125rem;
  --ast-type-panel-mobile: 1.125rem;
  --ast-type-panel-weight: 500;
  --ast-type-panel-line: 1.45;
  --ast-type-panel-mobile-line: 1.45;
  --ast-type-docs-title-desktop: 2.75rem;
  --ast-type-docs-title-mobile: 2rem;
  --ast-type-docs-title-weight: 400;
  --ast-type-docs-title-line: 1.18;
  --ast-type-docs-title-mobile-line: 1.25;
  --ast-type-blog-title-desktop: 3.5rem;
  --ast-type-blog-title-mobile: 2.25rem;
  --ast-type-blog-title-weight: 400;
  --ast-type-blog-title-line: 1.18;
  --ast-type-blog-title-mobile-line: 1.25;
  --ast-type-article-desktop: 1.0625rem;
  --ast-type-article-mobile: 1rem;
  --ast-type-article-weight: 400;
  --ast-type-article-line: 1.85;
  --ast-type-article-mobile-line: 1.85;
  --ast-type-body-desktop: 0.875rem;
  --ast-type-body-mobile: 0.875rem;
  --ast-type-body-weight: 400;
  --ast-type-body-line: 1.6;
  --ast-type-body-mobile-line: 1.6;
  --ast-type-label-desktop: 0.875rem;
  --ast-type-label-mobile: 0.875rem;
  --ast-type-label-weight: 500;
  --ast-type-label-line: 1.2;
  --ast-type-label-mobile-line: 1.2;
  --ast-type-caption-desktop: 0.75rem;
  --ast-type-caption-mobile: 0.75rem;
  --ast-type-caption-weight: 400;
  --ast-type-caption-line: 1.6;
  --ast-type-caption-mobile-line: 1.6;
  --ast-type-value-desktop: 2rem;
  --ast-type-value-mobile: 1.75rem;
  --ast-type-value-weight: 500;
  --ast-type-value-line: 1.15;
  --ast-type-value-mobile-line: 1.2;
  --ast-type-code-desktop: 0.8125rem;
  --ast-type-code-mobile: 0.8125rem;
  --ast-type-code-weight: 400;
  --ast-type-code-line: 1.7;
  --ast-type-code-mobile-line: 1.7;
  --ast-bg: #050608;
  --ast-surface-1: #0b0d10;
  --ast-surface-2: #111419;
  --ast-surface-3: #181c22;
  --ast-text: #ecebe6;
  --ast-text-2: #b9bab6;
  --ast-text-3: #9a9fa8;
  --ast-line: #ecebe61f;
  --ast-line-strong: #ecebe638;
  --ast-control-border: #747b87;
  --ast-info: #6fe3ff;
  --ast-success: #5fe08a;
  --ast-warning: #ffcc4d;
  --ast-danger: #ff7a6b;
  --ast-info-bg: #6fe3ff14;
  --ast-success-bg: #5fe08a14;
  --ast-warning-bg: #ffcc4d14;
  --ast-danger-bg: #ff7a6b14;
  --ast-action: #ecebe6;
  --ast-action-text: #0a0b0d;
  --ast-action-hover: #ffffff;
  --ast-action-press: #d6d8d7;
  --ast-glass: rgba(11,13,16,.96);
  --ast-glass-solid: #0b0d10;
  --ast-scrim: rgba(3,4,6,.72);
}

[data-ast-theme="light"] {
  --ast-bg: #f3f4f5;
  --ast-surface-1: #ffffff;
  --ast-surface-2: #e9ecef;
  --ast-surface-3: #dee2e7;
  --ast-text: #15171b;
  --ast-text-2: #48505b;
  --ast-text-3: #59616d;
  --ast-line: #15171b26;
  --ast-line-strong: #15171b40;
  --ast-control-border: #707986;
  --ast-info: #00667d;
  --ast-success: #146b38;
  --ast-warning: #805500;
  --ast-danger: #b53629;
  --ast-info-bg: #00667d0f;
  --ast-success-bg: #146b380f;
  --ast-warning-bg: #8055000f;
  --ast-danger-bg: #b536290f;
  --ast-action: #15171b;
  --ast-action-text: #ffffff;
  --ast-action-hover: #303640;
  --ast-action-press: #050608;
  --ast-glass: rgba(255,255,255,.97);
  --ast-glass-solid: #ffffff;
  --ast-scrim: rgba(17,20,25,.38);
  --ast-shadow-panel: inset 0 1px 0 #ffffffcc, 0 8px 24px -12px #0002;
  --ast-shadow-overlay: 0 16px 40px -12px #0003;
}

:lang(ja) {
  --ast-font-sans: "Inter", "Noto Sans JP", system-ui, sans-serif;
}

:lang(ko) {
  --ast-font-sans: "Inter", "Noto Sans KR", system-ui, sans-serif;
}