/**
 * Availabio App Design Tokens
 * App-scoped mirror of landing token system.
 * For full reference, see: availabio.com/css/tokens.css
 *
 * IMPORTANT: This file is separate from the landing tokens.css.
 * Do not merge or link the two files.
 */

:root {
  /* Brand palette */
  --avb-primary:        #0A3D62;
  --avb-primary-mid:    #2E86C1;
  --avb-jade:           #0EC4A0;
  --avb-jade-dark:      #089B7F;
  --avb-jade-light:     #1DDBB7;
  --avb-amber:          #F5A623;

  /* Backgrounds */
  --avb-bg-app:         #F5FFFE;
  --avb-bg-alt:         #EFF8F6;

  /* Text */
  --avb-text-primary:   #0D1B2A;
  --avb-text-secondary: #3D5166;
  --avb-text-muted:     #6B8090;

  /* Gradients */
  --avb-grad-brand:     linear-gradient(135deg, #0A3D62 0%, #0EC4A0 100%);
  --avb-grad-jade:      linear-gradient(135deg, #0EC4A0 0%, #089B7F 100%);

  /* Typography */
  --avb-font-display:   'Plus Jakarta Sans', sans-serif;
  --avb-font-body:      'Inter', sans-serif;

  /* Shadows */
  --avb-shadow-jade:    0 8px 30px rgba(14, 196, 160, 0.30);
  --avb-shadow-card:    0 4px 20px rgba(13, 27, 42, 0.10);

  /* Radii */
  --avb-radius-sm:      6px;
  --avb-radius-md:      10px;
  --avb-radius-lg:      16px;
  --avb-radius-xl:      24px;
  --avb-radius-pill:    999px;

  /* Semantic: status */
  --avb-success:          #28a745;
  --avb-success-dark:     #155724;
  --avb-success-light:    #d4edda;
  --avb-success-bg:       #e8f5e8;
  --avb-danger:           #dc3545;
  --avb-danger-dark:      #721c24;
  --avb-danger-light:     #f8d7da;
  --avb-danger-bg:        #fff5f5;
  --avb-warning:          #ffc107;
  --avb-warning-dark:     #856404;
  --avb-warning-light:    #fff3cd;
  --avb-info:             #17a2b8;
  --avb-info-light:       #e3f2fd;

  /* Semantic: surfaces */
  --avb-surface-white:    #ffffff;
  --avb-surface-light:    #f8f9fa;
  --avb-surface-mid:      #e9ecef;
  --avb-surface-border:   #dee2e6;
  --avb-surface-muted:    #e0e0e0;

  /* Semantic: text greys */
  --avb-text-dark:        #2c3e50;
  --avb-text-body:        #333333;
  --avb-text-dim:         #666666;
  --avb-text-placeholder: #999999;
  --avb-text-subtle:      #6c757d;
  --avb-text-icon:        #636e72;

  /* Accents (teal/cyan) */
  --avb-teal:             #2ca9bc;
  --avb-teal-dark:        #238a9d;
  --avb-teal-deep:        #00939A;
  --avb-cyan-bright:      #00B0B9;
  --avb-mint:             #4ecdc4;
  --avb-mint-glow:        #1de9b6;

  /* Legacy brand (mapped for continuity — phase out per screen migration) */
  --avb-legacy-purple:    #667eea;
  --avb-legacy-violet:    #764ba2;
  --avb-legacy-indigo:    #1a237e;
  --avb-legacy-indigo-mid:#3949ab;
  --avb-legacy-pink:      #e91e63;
  --avb-legacy-purple-mid:#8e24aa;
}