/* Danansor / Barisan Penggerak v0.2 - sumber token antarmuka. */
@font-face { font-family: 'Bitter'; src: url('Bitter-Variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url('SourceSans3-Variable.woff2') format('woff2'); font-weight: 200 900; font-style: normal; font-display: swap; }
:root {
  --af-color-brand-primary: #073F30;
  --af-color-brand-deep: #062F25;
  --af-color-brand-accent: #E11B84;
  --af-color-brand-accent-text: #B31666;
  --af-color-brand-highlight: #C5E97B;
  --af-color-surface-canvas: #F6F3E8;
  --af-color-surface-panel: #FFFFFF;
  --af-color-text-primary: #183A30;
  --af-color-text-secondary: #546457;
  --af-color-text-inverse: #F6F3E8;
  --af-color-border-divider: #D6DDCF;
  --af-color-border-control: #73836F;
  --af-color-focus-ring: #B31666;
  --af-color-success-foreground: #1E6040;
  --af-color-success-background: #EAF3E8;
  --af-color-warning-foreground: #7B5309;
  --af-color-warning-background: #FFF3D6;
  --af-color-error-foreground: #A12735;
  --af-color-error-background: #FBEAEC;
  --af-color-info-foreground: #285E7F;
  --af-color-info-background: #EAF2F8;
  --af-font-display: 'Bitter', Georgia, serif;
  --af-font-ui: 'Source Sans 3', system-ui, sans-serif;
  --af-radius-control: 4px;
  --af-radius-dialog: 8px;
  --af-control-height: 48px;
  --af-touch-target-min: 44px;
  --af-focus-width: 3px;
  --af-focus-offset: 3px;
  --af-editorial-angle: 18deg;
  --af-texture-opacity: 0.08;
  --af-duration-control: 120ms;
  --af-duration-panel: 180ms;
  --af-layout-max: 1280px;
  --af-layout-margin: 32px;
  --af-layout-gutter: 24px;
  --af-layout-columns: 12;
  --af-icon-size: 24px;
  --af-icon-stroke: 1.75;
  --af-space-4: 4px;
  --af-space-8: 8px;
  --af-space-12: 12px;
  --af-space-16: 16px;
  --af-space-24: 24px;
  --af-space-32: 32px;
  --af-space-48: 48px;
  --af-space-64: 64px;
  --af-type-hero-size: 56px;
  --af-type-hero-line: 60px;
  --af-type-pageTitle-size: 32px;
  --af-type-pageTitle-line: 40px;
  --af-type-sectionTitle-size: 24px;
  --af-type-sectionTitle-line: 32px;
  --af-type-body-size: 16px;
  --af-type-body-line: 24px;
  --af-type-control-size: 14px;
  --af-type-control-line: 20px;
  --af-type-caption-size: 14px;
  --af-type-caption-line: 20px;
  --af-type-eyebrow-size: 12px;
  --af-type-eyebrow-line: 16px;
}
@media (min-width: 768px) and (max-width: 1023px) { :root { --af-layout-columns: 8; --af-layout-margin: 24px; } }
@media (max-width: 767px) { :root { --af-layout-columns: 4; --af-layout-margin: 16px; --af-layout-gutter: 16px;
  --af-type-hero-size: 32px;
  --af-type-hero-line: 36px;
  --af-type-pageTitle-size: 28px;
  --af-type-pageTitle-line: 36px;
  --af-type-sectionTitle-size: 22px;
  --af-type-sectionTitle-line: 28px;
} }
@media (prefers-reduced-motion: reduce) { :root { --af-duration-control: 0ms; --af-duration-panel: 0ms; } }

/* Alias untuk komponen SSR yang sudah memakai nama Source. Berkas font sama. */
@font-face{font-family:Source;src:url(SourceSans3-Variable.woff2) format("woff2");font-weight:200 900;font-display:swap}