/**
 * Kodimy Design Tokens & CSS Custom Properties
 * Full Dark & Light Mode Theme Token Architecture
 *
 * @package Astra Kodimy
 */

:root {
  /* Brand Core Colors */
  --kodimy-mint: #3CEEBF;
  --kodimy-teal: #14CECA;
  --kodimy-blue: #689AE8;
  
  /* Brand Gradients */
  --kodimy-gradient: linear-gradient(135deg, #3CEEBF 0%, #14CECA 50%, #689AE8 100%);
  --kodimy-gradient-subtle: linear-gradient(135deg, rgba(60, 238, 191, 0.12) 0%, rgba(20, 206, 202, 0.08) 50%, rgba(104, 154, 232, 0.12) 100%);
  --kodimy-gradient-reverse: linear-gradient(135deg, #689AE8 0%, #14CECA 50%, #3CEEBF 100%);

  /* Core Design Tokens */
  --kodimy-ink: #0A0A0A;
  --kodimy-bg: #FFFFFF;
  --kodimy-bg-secondary: #F8FAFC;
  --kodimy-bg-card: #FFFFFF;
  --kodimy-text-soft: #4B5563;
  --kodimy-border: #E2E8F0;
  --kodimy-border-subtle: rgba(10, 10, 10, 0.06);
  --kodimy-header-bg: rgba(255, 255, 255, 0.95);
  --kodimy-card-shadow: 0 4px 20px rgba(10, 10, 10, 0.05);
  --kodimy-shadow-sm: 0 2px 8px rgba(10, 10, 10, 0.04);
  --kodimy-shadow-md: 0 8px 24px rgba(10, 10, 10, 0.08);
  --kodimy-shadow-lg: 0 16px 40px rgba(10, 10, 10, 0.1);
  --kodimy-shadow-gradient: 0 4px 20px rgba(60, 238, 191, 0.35);
  --kodimy-shadow-gradient-hover: 0 8px 30px rgba(60, 238, 191, 0.55);
}

/* Base Body Styles */
body {
  background-color: var(--kodimy-bg);
  color: var(--kodimy-text-soft);
}

/* Typography Families */
:root {
  --kodimy-font-headings: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --kodimy-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Border Radius */
  --kodimy-radius: 12px;
  --kodimy-radius-sm: 8px;
  --kodimy-radius-lg: 18px;
  --kodimy-radius-full: 9999px;

  /* Transitions */
  --kodimy-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}