/* ========================================================
   ADRIAN.ID — DESIGN TOKENS & CSS VARIABLES
   Theme: Light Aqua / Mint / Turquoise / Dark Teal
   Brand Domain: adriantopup.my.id
   ======================================================== */

:root {
  /* Brand Palette from Official Identity Board */
  --color-main-bg: #FFFFFF;
  --color-off-white: #FEFEFD;
  --color-light-aqua: #E5FBF9;
  --color-soft-mint: #CAF5F1;
  --color-light-turquoise: #B2EDE8;
  --color-primary-teal: #5DAAA9;
  --color-dark-teal: #0E454B;
  --color-deep-teal: #1B565C;
  --color-glow-cyan: #00F0DF;
  --color-cyan-electric: #00D2C4;
  --color-dark-teal-hover: #07353A;

  /* Surfaces & Backgrounds */
  --surface-page: #FFFFFF;
  --surface-subtle: #F7FDFD;
  --surface-card: #FFFFFF;
  --surface-elevated: #FFFFFF;
  --surface-accent: #E5FBF9;
  --surface-accent-hover: #CAF5F1;
  --surface-input: #FFFFFF;

  /* Text & Typography */
  --text-primary: #0E454B;
  --text-secondary: #1B565C;
  --text-muted: #5DAAA9;
  --text-dim: #7FBAB8;
  --text-on-primary: #FFFFFF;
  --text-on-accent: #0E454B;

  /* Borders & Dividers */
  --border-light: #E2F7F5;
  --border-soft: #CAF5F1;
  --border-teal: #5DAAA9;
  --border-focus: #00D2C4;

  /* Status Colors */
  --status-success: #10B981;
  --status-success-bg: #ECFDF5;
  --status-success-border: #A7F3D0;
  --status-warning: #F59E0B;
  --status-warning-bg: #FFFBEB;
  --status-warning-border: #FDE68A;
  --status-danger: #EF4444;
  --status-danger-bg: #FEF2F2;
  --status-danger-border: #FECACA;
  --status-info: #0284C7;
  --status-info-bg: #F0F9FF;
  --status-info-border: #BAE6FD;

  /* Shadows with ambient aqua glow */
  --shadow-sm: 0 1px 3px rgba(14, 69, 75, 0.05);
  --shadow-md: 0 4px 14px -2px rgba(14, 69, 75, 0.08), 0 2px 6px rgba(0, 210, 196, 0.04);
  --shadow-lg: 0 10px 25px -5px rgba(14, 69, 75, 0.10), 0 8px 16px -6px rgba(0, 210, 196, 0.06);
  --shadow-xl: 0 20px 35px -8px rgba(14, 69, 75, 0.12), 0 10px 20px -5px rgba(0, 210, 196, 0.08);
  --shadow-glow: 0 0 24px rgba(0, 240, 223, 0.25);
  --shadow-card-hover: 0 12px 28px -4px rgba(14, 69, 75, 0.12), 0 6px 12px rgba(0, 210, 196, 0.10);

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Typography Scale */
  --font-family-base: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  /* Containers */
  --container-max-width: 1240px;
}