/* HYVE Design Tokens — Project: hyve */
/* Generated: 2026-02-25T22:20:17.910Z */
/* Source: DS Editor → Supabase Storage CDN */
/* Contains: base @hyve/ui tokens + editor overrides + aliases */

:root {
  --background: #000000;
  --duration-fast: 200ms;
  --duration-instant: 100ms;
  --duration-normal: 300ms;
  --duration-radar: 2000ms;
  --duration-slow: 500ms;
  --ease-default: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --edge-default: rgba(255, 255, 255, 0.16);
  --edge-strong: rgba(255, 255, 255, 0.24);
  --edge-subtle: rgba(255, 255, 255, 0.10);
  --font-display: var(--font-space-grotesk, var(--font-geist-sans));
  --gray-1: oklch(0.07 0 0);
  --gray-10: oklch(0.77 0 0);
  --gray-11: oklch(0.87 0 0);
  --gray-12: oklch(0.97 0 0);
  --gray-2: oklch(0.11 0 0);
  --gray-3: oklch(0.15 0 0);
  --gray-4: oklch(0.19 0 0);
  --gray-5: oklch(0.27 0 0);
  --gray-6: oklch(0.37 0 0);
  --gray-7: oklch(0.47 0 0);
  --gray-8: oklch(0.57 0 0);
  --gray-9: oklch(0.67 0 0);
  --hyve-accent-blue: #3b82f6;
  --hyve-accent-deploy: #f97316;
  --hyve-accent-indigo: #6366f1;
  --hyve-accent-purple: #8b5cf6;
  --hyve-accent-purple-light: #a855f7;
  --hyve-accent-teal: #14b8a6;
  --hyve-app-ds-editor: #F59E0B;
  --hyve-app-graph: #3B82F6;
  --hyve-app-minds: #EC4899;
  --hyve-app-signal: #22D3EE;
  --hyve-app-system: #6B7280;
  --hyve-app-tasks: #10B981;
  --hyve-app-vault: #8B5CF6;
  --hyve-archetype-caregiver: #EC4899;
  --hyve-archetype-creator: #F59E0B;
  --hyve-archetype-everyman: #6366F1;
  --hyve-archetype-explorer: #10B981;
  --hyve-archetype-hero: #EF4444;
  --hyve-archetype-innocent: #38BDF8;
  --hyve-archetype-jester: #F97316;
  --hyve-archetype-lover: #E11D48;
  --hyve-archetype-magician: #A855F7;
  --hyve-archetype-rebel: #F43F5E;
  --hyve-archetype-ruler: #D97706;
  --hyve-archetype-sage: #8B5CF6;
  --hyve-black: #000000;
  --hyve-brand-article: #8ad69a;
  --hyve-brand-btc: #F7931A;
  --hyve-brand-eth: #627EEA;
  --hyve-brand-image: #a09888;
  --hyve-brand-instagram: #e87da2;
  --hyve-brand-linkedin: #52a8d4;
  --hyve-brand-note: #c8c299;
  --hyve-brand-twitter: #1DA1F2;
  --hyve-brand-twitter-soft: #5cb8f5;
  --hyve-brand-youtube: #ff6b6b;
  --hyve-btn-destructive-bg: rgba(220, 38, 38, 0.15);
  --hyve-btn-destructive-border: rgba(220, 38, 38, 0.3);
  --hyve-btn-glass-bg: rgba(255, 255, 255, 0.08);
  --hyve-btn-glass-bg-hover: rgba(255, 255, 255, 0.14);
  --hyve-btn-glass-border: rgba(255, 255, 255, 0.12);
  --hyve-btn-glass-border-hover: rgba(255, 255, 255, 0.22);
  --hyve-btn-success: #22c55e;
  --hyve-btn-success-bg: rgba(34, 197, 94, 0.15);
  --hyve-btn-success-border: rgba(34, 197, 94, 0.3);
  --hyve-dark: #1c1a17;
  --hyve-domain-arts: #f472b6;
  --hyve-domain-business: #fbbf24;
  --hyve-domain-education: #fde68a;
  --hyve-domain-entertainment: #fb923c;
  --hyve-domain-exploration: #2dd4bf;
  --hyve-domain-medicine: #86efac;
  --hyve-domain-military: #94a3b8;
  --hyve-domain-philosophy: #a78bfa;
  --hyve-domain-politics: #f87171;
  --hyve-domain-psychology: #c084fc;
  --hyve-domain-religion: #e2e8f0;
  --hyve-domain-science: #22d3ee;
  --hyve-domain-social: #38bdf8;
  --hyve-domain-sports: #34d399;
  --hyve-domain-technology: #60a5fa;
  --hyve-elevation-card: var(--shadow-md);
  --hyve-elevation-dropdown: var(--shadow-lg);
  --hyve-elevation-modal: var(--shadow-xl);
  --hyve-elevation-tooltip: var(--shadow-sm);
  --hyve-gray: #cecdc7;
  --hyve-grid-baseline: 56px;
  --hyve-header-height: 56px;
  --hyve-legend-due-soon: #92400e;
  --hyve-legend-on-track: #065f46;
  --hyve-legend-overdue: #991b1b;
  --hyve-light-green: #dcedcd;
  --hyve-mint: #dcedcd;
  --hyve-motion-expand: var(--duration-normal) var(--ease-spring);
  --hyve-motion-fade: var(--duration-fast) var(--ease-default);
  --hyve-motion-hover: var(--duration-fast) var(--ease-default);
  --hyve-motion-modal: var(--duration-normal) var(--ease-spring);
  --hyve-motion-sidebar: var(--duration-normal) var(--ease-default);
  --hyve-nav-active-bg: color-mix(in srgb, var(--hyve-orange) 8%, transparent);
  --hyve-nav-bg: rgba(26, 24, 22, 0.92);
  --hyve-nav-border: rgba(255, 255, 255, 0.06);
  --hyve-nav-group-label-size: 10px;
  --hyve-nav-group-tracking: 0.12em;
  --hyve-nav-icon-size: 18px;
  --hyve-nav-item-gap: 10px;
  --hyve-nav-item-h: 40px;
  --hyve-nav-item-opacity: 0.45;
  --hyve-nav-item-px: 12px;
  --hyve-nav-item-radius: 8px;
  --hyve-nav-label-size: 13px;
  --hyve-nav-tooltip-bg: rgba(22, 20, 18, 0.94);
  --hyve-navrail-w: 56px;
  --hyve-navrail-w-expanded: 200px;
  --hyve-olive: #444a2e;
  --hyve-orange: #ff5524;
  --hyve-orange-light: #FF6B2C;
  --hyve-orange-lighter: #FF8F5C;
  --hyve-orange-soft: #ff7a52;
  --hyve-overlay-bg: rgba(0, 0, 0, 0.7);
  --hyve-overlay-blur: 8px;
  --hyve-palette-blue: #3b82f6;
  --hyve-palette-gray: #6b7280;
  --hyve-palette-green: #22c55e;
  --hyve-palette-orange: #f97316;
  --hyve-palette-pink: #ec4899;
  --hyve-palette-red: #ef4444;
  --hyve-palette-teal: #14b8a6;
  --hyve-palette-violet: #8b5cf6;
  --hyve-palette-yellow: #eab308;
  --hyve-sand: #c8c299;
  --hyve-shell-border: rgba(255, 255, 255, 0.06);
  --hyve-shell-content: #0f0d0a;
  --hyve-shell-dropdown: #161412;
  --hyve-shell-elevated: #1c1a17;
  --hyve-shell-headbar: #181512;
  --hyve-shell-input: rgba(255, 255, 255, 0.05);
  --hyve-shell-navrail: #0c0a08;
  --hyve-shell-sidebar: #13110e;
  --hyve-shell-tooltip: #1a1a18;
  --hyve-shimmer-color: rgba(255, 255, 255, 0.4);
  --hyve-sidebar-width: 200px;
  --hyve-space-card: var(--space-4);
  --hyve-space-inline: var(--space-2);
  --hyve-space-item: var(--space-3);
  --hyve-space-page: var(--space-6);
  --hyve-space-section: var(--space-5);
  --hyve-status-caution: #eab308;
  --hyve-status-error: #ef4444;
  --hyve-status-fail: #fb923c;
  --hyve-status-info: #60a5fa;
  --hyve-status-pass: #4ade80;
  --hyve-status-success: #10b981;
  --hyve-status-warn: #f59e0b;
  --hyve-status-warning: #f59e0b;
  --hyve-strength-moderate: #a3a3a3;
  --hyve-strength-nuanced: #737373;
  --hyve-strength-strong: #e8e6e3;
  --hyve-text-inactive: #6b7280;
  --hyve-type-body: var(--text-base);
  --hyve-type-caption: var(--text-xs);
  --hyve-type-display: var(--text-3xl);
  --hyve-type-heading: var(--text-xl);
  --hyve-type-label: var(--text-sm);
  --hyve-type-micro: 10px;
  --hyve-type-subhead: var(--text-lg);
  --hyve-warm-bg: #23130f;
  --hyve-warm-border: #4b2920;
  --hyve-warm-deep: #1a0f0c;
  --hyve-warm-footer: #1f110d;
  --hyve-warm-hover: #6b3b2e;
  --hyve-warm-muted: #361e17;
  --hyve-warm-surface: #2c1812;
  --hyve-warm-text: #ce9b8d;
  --hyve-warm-text-muted: #ce9b8d99;
  --hyve-warm-text-primary: #e5e5e5;
  --hyve-warm-toolbar: #281611;
  --hyve-white: #f0ebe4;
  --hyve-white-40: color-mix(in srgb, var(--hyve-white) 40%, transparent);
  --hyve-white-60: color-mix(in srgb, var(--hyve-white) 60%, transparent);
  --hyve-white-80: color-mix(in srgb, var(--hyve-white) 80%, transparent);
  --ink-body: #b5c2a6;
  --ink-faint: #596350;
  --ink-label: #97a68a;
  --ink-muted: #788568;
  --ink-primary: #f0ebe4;
  --ink-strong: #d5e0c9;
  --orange: oklch(0.70 0.18 50);
  --orange-hover: oklch(0.75 0.20 50);
  --orange-muted: oklch(0.50 0.10 50);
  --radius: 0.5rem;
  --radius-full: 9999px;
  --radius-lg: 0.75rem;
  --radius-md: 0.5rem;
  --radius-sm: 0.25rem;
  --radius-xl: 1rem;
  --shadow-glow: 0 0 20px oklch(0.70 0.18 50 / 0.3);
  --shadow-lg: 0 8px 16px oklch(0 0 0 / 0.15);
  --shadow-md: 0 4px 8px oklch(0 0 0 / 0.1);
  --shadow-sm: 0 2px 4px oklch(0 0 0 / 0.1);
  --shadow-xl: 0 16px 32px oklch(0 0 0 / 0.2);
  --shadow-xs: 0 1px 2px oklch(0 0 0 / 0.05);
  --space-1: clamp(0.125rem, 0.1rem + 0.15vw, 0.25rem);
  --space-2: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);
  --space-3: clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem);
  --space-4: clamp(0.75rem, 0.6rem + 0.75vw, 1rem);
  --space-5: clamp(1rem, 0.8rem + 1vw, 1.5rem);
  --space-6: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
  --space-7: clamp(2rem, 1.5rem + 2.5vw, 3rem);
  --space-8: clamp(3rem, 2rem + 4vw, 4rem);
  --space-9: clamp(4rem, 3rem + 5vw, 6rem);
  --surface-card: rgba(255, 255, 255, 0.06);
  --surface-elevated: rgba(255, 255, 255, 0.14);
  --surface-raised: rgba(255, 255, 255, 0.10);
  --text-2xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --text-3xl: clamp(2rem, 1.5rem + 2vw, 2.5rem);
  --text-4xl: clamp(2.5rem, 2rem + 2.5vw, 3rem);
  --text-5xl: clamp(3rem, 2.5rem + 3vw, 3.5rem);
  --text-base: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-lg: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);
  --text-sm: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-xl: clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);
  --text-xs: clamp(0.625rem, 0.55rem + 0.3vw, 0.75rem);
}