/*
 * Powered by AIMRON | https://aim-dev.com
 * (c) 2026 AIM DEV TEAM · aim-dev.com — All Rights Reserved · Proprietary
 * File: public/assets/css/aim-tokens.css
 *
 * AIMRON Design System v2 — LUXURY EDITION
 * Emerald · Champagne Gold · Cream · Forest
 * Inspired by: Bentley, Rolex, Bottega Veneta, Aston Martin
 */

/* ============================================================ */
/* LIGHT MODE — clean white + tropical teal + soft gold          */
/* ============================================================ */
:root {
  /* Brand colors */
  --aim-color-teal:           #14b8a6;
  --aim-color-teal-deep:      #0f766e;
  --aim-color-teal-darker:    #0d9488;
  --aim-color-teal-light:     #5eead4;
  --aim-color-amber:          #f59e0b;
  --aim-color-amber-deep:     #b45309;
  --aim-color-amber-light:    #fbbf24;
  --aim-color-navy:           #0b1120;
  --aim-color-navy-elev:      #111827;
  --aim-color-slate:          #1f2937;

  /* Surfaces — clean white-based */
  --aim-bg:                   #f8fafc;
  --aim-bg-elev:              #ffffff;
  --aim-bg-elev2:             #f1f5f9;
  --aim-bg-overlay:           rgba(11, 17, 32, 0.45);

  /* Text */
  --aim-text:                 #0f172a;
  --aim-text-mute:            #475569;
  --aim-text-disabled:        #cbd5e1;
  --aim-text-on-primary:      #ffffff;

  /* Border */
  --aim-border:               #e2e8f0;
  --aim-border-strong:        #94a3b8;
  --aim-divider:              #eef2f6;

  /* Accents */
  --aim-primary:              #0d9488;       /* slightly deeper teal for light-mode contrast */
  --aim-primary-hover:        #14b8a6;
  --aim-primary-active:       #0f766e;
  --aim-accent:               #f59e0b;       /* soft gold CTA */
  --aim-success:              #16a34a;       /* bright green */
  --aim-warning:              #f59e0b;
  --aim-danger:               #e11d48;       /* rose */
  --aim-info:                 #0284c7;

  /* Code */
  --aim-code-bg:              #f1f5f9;
  --aim-code-text:            #0f172a;

  /* Inputs */
  --aim-input-bg:             #ffffff;
  --aim-input-border:         #cbd5e1;
  --aim-input-border-focus:   var(--aim-primary);
  --aim-input-placeholder:    #94a3b8;

  /* Shadows */
  --aim-shadow-sm:            0 1px 2px rgba(11, 17, 32, 0.05);
  --aim-shadow:               0 4px 16px rgba(11, 17, 32, 0.06);
  --aim-shadow-md:            0 12px 32px rgba(11, 17, 32, 0.10);
  --aim-shadow-lg:            0 20px 50px rgba(11, 17, 32, 0.14);
  --aim-shadow-gold:          0 8px 32px rgba(245, 158, 11, 0.22);

  /* Radius */
  --aim-radius-sm:            8px;
  --aim-radius:               14px;
  --aim-radius-lg:            22px;
  --aim-radius-pill:          999px;

  /* Typography — luxury serif headings + clean sans body */
  --aim-font-display:         "Playfair Display", "Cormorant Garamond", "Noto Serif Thai", Georgia, "Times New Roman", serif;
  --aim-font-sans:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Sarabun", "Helvetica Neue", Arial,
    "Noto Sans Thai", "Noto Sans SC", "Noto Sans Arabic", sans-serif;
  --aim-font-mono:            "JetBrains Mono", "Cascadia Code", Consolas, monospace;

  /* Spacing scale */
  --aim-space-1: 4px;
  --aim-space-2: 8px;
  --aim-space-3: 12px;
  --aim-space-4: 16px;
  --aim-space-5: 20px;
  --aim-space-6: 24px;
  --aim-space-8: 32px;
  --aim-space-10: 40px;
  --aim-space-12: 48px;
  --aim-space-16: 64px;

  /* Z-index */
  --aim-z-dropdown: 1000;
  --aim-z-modal:    1100;
  --aim-z-toast:    1200;
  --aim-z-overlay:  1300;

  /* Motion */
  --aim-ease:                 cubic-bezier(0.32, 0.72, 0.16, 1);
  --aim-duration-fast:        160ms;
  --aim-duration-base:        260ms;
  --aim-duration-slow:        480ms;

  /* Tech-luxe gradients · Teal · Gold · Navy */
  --aim-gradient-emerald:     linear-gradient(135deg, #0f766e 0%, #14b8a6 50%, #5eead4 100%);
  --aim-gradient-gold:        linear-gradient(135deg, #b45309 0%, #f59e0b 50%, #fbbf24 100%);
  --aim-gradient-emerald-gold: linear-gradient(135deg, #0f766e 0%, #14b8a6 40%, #f59e0b 100%);
  --aim-gradient-bg-luxe:     linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);

  /* Glass-morphism surfaces (LIGHT mode) — solid for max contrast */
  --aim-glass-bg:             #ffffff;
  --aim-glass-bg-2:           #f1f5f9;
  --aim-glass-border:         #cbd5e1;
}

/* ============================================================ */
/* DARK MODE — Dark Navy + Tropical Teal + Soft Gold             */
/* ============================================================ */
[data-theme="dark"] {
  --aim-bg:                   #0b1120;
  --aim-bg-elev:              #111827;
  --aim-bg-elev2:             #1f2937;
  --aim-bg-overlay:           rgba(0, 0, 0, 0.7);

  --aim-text:                 #f8fafc;
  --aim-text-mute:            #94a3b8;
  --aim-text-disabled:        #475569;
  --aim-text-on-primary:      #0b1120;

  --aim-border:               #1f2937;
  --aim-border-strong:        #475569;
  --aim-divider:              #1f2937;

  --aim-primary:              #14b8a6;
  --aim-primary-hover:        #5eead4;
  --aim-primary-active:       #0d9488;
  --aim-accent:               #f59e0b;
  --aim-success:              #22c55e;
  --aim-warning:              #f59e0b;
  --aim-danger:               #fb7185;
  --aim-info:                 #38bdf8;

  --aim-code-bg:              #0b1120;
  --aim-code-text:            #f8fafc;

  --aim-input-bg:             #111827;
  --aim-input-border:         #1f2937;
  --aim-input-placeholder:    #475569;

  --aim-shadow-sm:            0 1px 2px rgba(0, 0, 0, 0.4);
  --aim-shadow:               0 4px 16px rgba(0, 0, 0, 0.4);
  --aim-shadow-md:            0 12px 32px rgba(0, 0, 0, 0.5);
  --aim-shadow-lg:            0 24px 60px rgba(0, 0, 0, 0.65);
  --aim-shadow-gold:          0 8px 32px rgba(245, 158, 11, 0.25);

  --aim-gradient-emerald:     linear-gradient(135deg, #0f766e 0%, #14b8a6 40%, #5eead4 100%);
  --aim-gradient-gold:        linear-gradient(135deg, #b45309 0%, #f59e0b 50%, #fcd34d 100%);
  --aim-gradient-emerald-gold: linear-gradient(135deg, #0f766e 0%, #14b8a6 40%, #f59e0b 100%);
  --aim-gradient-bg-luxe:     linear-gradient(135deg, #0b1120 0%, #111827 100%);

  /* Glass-morphism surfaces (DARK mode) — solid for max contrast */
  --aim-glass-bg:             #111827;
  --aim-glass-bg-2:           #1f2937;
  --aim-glass-border:         #334155;
}

/* ============================================================ */
/* AUTO MODE — follow OS                                          */
/* ============================================================ */
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --aim-bg: #0b1120; --aim-bg-elev: #111827; --aim-bg-elev2: #1f2937;
    --aim-bg-overlay: rgba(0,0,0,0.7);
    --aim-text: #f8fafc; --aim-text-mute: #94a3b8; --aim-text-disabled: #475569; --aim-text-on-primary: #0b1120;
    --aim-border: #1f2937; --aim-border-strong: #475569; --aim-divider: #1f2937;
    --aim-primary: #14b8a6; --aim-primary-hover: #5eead4; --aim-primary-active: #0d9488;
    --aim-accent: #f59e0b;
    --aim-success: #22c55e; --aim-warning: #f59e0b; --aim-danger: #fb7185; --aim-info: #38bdf8;
    --aim-code-bg: #0b1120; --aim-code-text: #f8fafc;
    --aim-input-bg: #111827; --aim-input-border: #1f2937; --aim-input-placeholder: #475569;
    --aim-shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
    --aim-shadow: 0 4px 16px rgba(0,0,0,0.4);
    --aim-shadow-md: 0 12px 32px rgba(0,0,0,0.5);
    --aim-shadow-lg: 0 24px 60px rgba(0,0,0,0.65);
    --aim-shadow-gold: 0 8px 32px rgba(245, 158, 11, 0.25);
    --aim-gradient-emerald: linear-gradient(135deg, #0f766e 0%, #14b8a6 40%, #5eead4 100%);
    --aim-gradient-gold: linear-gradient(135deg, #b45309 0%, #f59e0b 50%, #fcd34d 100%);
    --aim-gradient-emerald-gold: linear-gradient(135deg, #0f766e 0%, #14b8a6 40%, #f59e0b 100%);

    --aim-glass-bg:     #111827;
    --aim-glass-bg-2:   #1f2937;
    --aim-glass-border: #334155;
  }
}

/* ============================================================ */
/* GLOBAL                                                        */
/* ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--aim-font-sans);
  background: var(--aim-bg);
  color: var(--aim-text);
  line-height: 1.65;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01", "cv11", "kern";
}

/* Display / heading uses serif for editorial luxe feel */
h1, h2, h3, .aim-display {
  font-family: var(--aim-font-display);
  font-weight: 600;
  letter-spacing: -0.5px;
  font-feature-settings: "lnum", "kern";
}

a { color: var(--aim-primary); text-decoration: none; transition: color var(--aim-duration-fast); }
a:hover { color: var(--aim-primary-hover); text-decoration: none; }

img, svg, video { max-width: 100%; height: auto; }
button { font-family: inherit; }
input, textarea, select { font-family: inherit; font-size: 1rem; }

/* Smooth theme transition */
body, .aim-card, .aim-stat-card, .aim-action-card,
.aim-recent-card, .aim-license-banner, .aim-form-section, .aim-input, .aim-select {
  transition: background-color var(--aim-duration-base), color var(--aim-duration-base), border-color var(--aim-duration-base);
}

/* Print */
@media print {
  body { background: white; color: black; }
  .aim-no-print { display: none !important; }
}