/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */
/* Rev. 2026-11-01: palet disamakan dengan P4 (nextcloud docs/swara-identity-system/tokens.json).
   Void Ink #060119 · Midnight #22155C · Electric Violet #3B2396 (Light Plane saja) · Copper #E67F4C.
   Ungu-magenta lama (#7F26D9, #A542D7, #260F3D) pensiun. Home (home.css) tetap nilai lama. */

/* === PRIMITIVES === */
:root {
  --primitive-color-indigo-950: #060119;
  --primitive-color-indigo-900: #22155C;
  --primitive-color-indigo-850: #22155C;
  --primitive-color-indigo-800: #22155C;
  --primitive-color-indigo-700: #2F2640;
  --primitive-color-copper-500: #E67F4C;
  --primitive-color-copper-600: #E27036;
  --primitive-color-violet-600: #3B2396;
  --primitive-color-violet-500: #3B2396;
  --primitive-color-white: #FFFFFF;
  --primitive-color-white-98: #FAFAFA;
  --primitive-color-grey-70: #B2B2B2;
  --primitive-color-black: #000000;
  --primitive-font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --primitive-space-xs: 0.5rem;
  --primitive-space-sm: 1rem;
  --primitive-space-md: 1.5rem;
  --primitive-space-lg: 2rem;
  --primitive-space-xl: 3rem;
  --primitive-space-2xl: 4rem;
  --primitive-space-3xl: 6rem;
  --primitive-radius-sm: 0.5rem;
  --primitive-radius-base: 0.75rem;
  --primitive-radius-lg: 1rem;
  --primitive-radius-full: 9999px;
  --primitive-motion-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --primitive-motion-base: 0.3s;
}

/* === SEMANTIC === */
:root {
  --color-background: #060119;
  --color-foreground: #FAFAFA;
  --color-card: #22155C;
  --color-primary: #E67F4C;
  --color-primary-hover: #E27036;
  --color-secondary: #3B2396;
  --color-accent: #3B2396;
  --color-muted-foreground: #B2B2B2;
  --color-border: #2F2640;
  --color-newsletter-bg: #22155C;
  --color-glass: rgba(255, 255, 255, 0.08);
  --color-glass-card: rgba(0, 0, 0, 0.4);
  --color-glass-menu: rgba(6, 1, 25, 0.92);
  --color-primary-tint: rgba(230, 127, 76, 0.1);
  --color-primary-tint-border: rgba(230, 127, 76, 0.2);
  --color-focus-ring: rgba(230, 127, 76, 0.25);
  --gradient-hero: linear-gradient(135deg, #060119 0%, #22155C 50%, #060119 100%);
  --gradient-primary: linear-gradient(160deg, #3B2396 0%, #22155C 58%, rgba(6, 1, 25, 0) 100%);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 60px rgba(230, 115, 77, 0.3);
  --font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  --radius-base: 0.75rem;
  --radius-sm: 0.5rem;
  --radius-lg: 1rem;
  --radius-full: 9999px;
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --layout-container: 1280px;
  --layout-measure: 48rem;
}

/* === COMPONENTS === */
:root {
  --nav-top: 1.5rem;
  --nav-height: 64px;
  --nav-blur: 16px;
  --button-padding: 0.75rem 1.5rem;
  --button-padding-large: 1rem 2rem;
  --button-font-size: 0.875rem;
  --card-bg: rgba(0, 0, 0, 0.4);
  --card-border: #2F2640;
  --card-border-hover: #E67F4C;
  --card-radius: 1rem;
  --input-bg: rgba(255, 255, 255, 0.04);
  --input-bg-light: #FFFFFF;
  --input-radius: 0.5rem;
  --voiceprint-bar-width: 6px;
  --voiceprint-bar-gap: 6px;
  --voiceprint-bar-base: 10px;
}