/**
 * DROPIFY DESIGN TOKENS
 * Extracted directly from approved UI Prototypes
 */

:root {
  /* Brand Core Palette */
  --dropify-color-primary-deep: #075C46;
  --dropify-color-primary:      #0A7D5A;
  --dropify-color-primary-hover:#086649;
  --dropify-color-mint:         #E3F7EE;
  --dropify-color-gold:         #F6C84C;
  --dropify-color-gold-hover:   #E2B336;
  
  /* Neutral Palette */
  --dropify-color-dark:         #12231D;
  --dropify-color-muted:        #5B6B64;
  --dropify-color-background:   #F7FBF9;
  --dropify-color-surface:      #FFFFFF;
  --dropify-color-border:       #E2EBE6;
  --dropify-color-border-light: #F0F4F2;
  
  /* State Colors */
  --dropify-color-success:      #178B5B;
  --dropify-color-warning:      #D99A00;
  --dropify-color-error:        #D64545;
  --dropify-color-info:         #2563EB;
  --dropify-color-purple:       #7C3AED;

  /* Typography */
  --dropify-font-family:        'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --dropify-font-size-xs:       0.75rem;    /* 12px */
  --dropify-font-size-sm:       0.875rem;   /* 14px */
  --dropify-font-size-base:     1rem;       /* 16px */
  --dropify-font-size-lg:       1.125rem;   /* 18px */
  --dropify-font-size-xl:       1.25rem;    /* 20px */
  --dropify-font-size-2xl:      1.5rem;     /* 24px */
  --dropify-font-size-3xl:      2rem;       /* 32px */
  --dropify-font-size-4xl:      2.5rem;     /* 40px */
  --dropify-font-size-5xl:      3.25rem;    /* 52px */

  /* Border Radii */
  --dropify-radius-sm:          6px;
  --dropify-radius-md:          10px;
  --dropify-radius-lg:          14px;
  --dropify-radius-xl:          18px;
  --dropify-radius-2xl:         24px;
  --dropify-radius-full:        9999px;

  /* Shadows */
  --dropify-shadow-sm:          0 1px 3px rgba(18, 35, 29, 0.05);
  --dropify-shadow-md:          0 4px 12px rgba(18, 35, 29, 0.06);
  --dropify-shadow-lg:          0 10px 24px rgba(18, 35, 29, 0.08);
  --dropify-shadow-hover:       0 14px 30px rgba(10, 125, 90, 0.12);

  /* Transitions */
  --dropify-transition-fast:    150ms cubic-bezier(0.4, 0, 0.2, 1);
  --dropify-transition-base:    250ms cubic-bezier(0.4, 0, 0.2, 1);
}