/* ==========================================================================
   AIRH Light Theme — Notion-inspired warm neutrals
   ========================================================================== */

[data-theme='light'],
:root {
  /* ---------------------------------------------------------------------------
     Backgrounds — Neumorphic soft gray
     --------------------------------------------------------------------------- */
  --color-bg-app: #e0e5ec;
  --color-bg-primary: #e0e5ec;
  --color-bg-secondary: #e0e5ec;
  --color-bg-tertiary: #d5dae1;
  --color-bg-sidebar: #e0e5ec;
  --color-bg-topbar: rgba(224, 229, 236, 0.88);
  --color-bg-hover: rgba(0, 0, 0, 0.04);
  --color-bg-active: rgba(0, 0, 0, 0.06);
  --color-bg-selected: rgba(35, 131, 226, 0.08);

  /* ---------------------------------------------------------------------------
     Surfaces — Same as background for neumorphism (shadows create depth)
     --------------------------------------------------------------------------- */
  --color-surface: #e0e5ec;
  --color-surface-raised: #e0e5ec;
  --color-surface-overlay: #e8ecf1;
  --color-surface-input: #e0e5ec;
  --color-surface-input-hover: #dce1e8;
  --color-surface-sunken: #d8dde4;
  --color-surface-disabled: #dce1e8;

  /* ---------------------------------------------------------------------------
     Text — Darker for contrast on gray bg
     --------------------------------------------------------------------------- */
  --color-text-primary: #2d3436;
  --color-text-secondary: #636e72;
  --color-text-tertiary: #99a3a8;
  --color-text-placeholder: #b2bec3;
  --color-text-disabled: #c8d0d4;
  --color-text-inverse: #ffffff;
  --color-text-link: #2383e2;
  --color-text-on-accent: #ffffff;

  /* ---------------------------------------------------------------------------
     Borders — Mostly invisible (neumorphism uses shadows, not borders)
     --------------------------------------------------------------------------- */
  --color-border: rgba(0, 0, 0, 0.06);
  --color-border-light: rgba(0, 0, 0, 0.03);
  --color-border-strong: rgba(0, 0, 0, 0.1);
  --color-border-input: rgba(0, 0, 0, 0.06);
  --color-border-input-hover: rgba(0, 0, 0, 0.1);
  --color-border-focus: #2383e2;
  --color-border-error: #eb5757;

  /* ---------------------------------------------------------------------------
     Neumorphic Shadows
     --------------------------------------------------------------------------- */
  --neu-shadow-dark: #b8bec6;
  --neu-shadow-light: #ffffff;
  --neu-raised: 6px 6px 14px var(--neu-shadow-dark), -6px -6px 14px var(--neu-shadow-light);
  --neu-raised-sm: 4px 4px 8px var(--neu-shadow-dark), -4px -4px 8px var(--neu-shadow-light);
  --neu-raised-lg: 8px 8px 20px var(--neu-shadow-dark), -8px -8px 20px var(--neu-shadow-light);
  --neu-inset: inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light);
  --neu-inset-sm: inset 2px 2px 4px var(--neu-shadow-dark), inset -2px -2px 4px var(--neu-shadow-light);
  --neu-flat: 3px 3px 6px var(--neu-shadow-dark), -3px -3px 6px var(--neu-shadow-light);
  --neu-pressed: inset 2px 2px 5px var(--neu-shadow-dark), inset -2px -2px 5px var(--neu-shadow-light);

  /* ---------------------------------------------------------------------------
     Accent — Qonto Blue
     --------------------------------------------------------------------------- */
  --color-accent: #2383e2;
  --color-accent-hover: #1b6ec2;
  --color-accent-active: #1560a8;
  --color-accent-subtle: rgba(35, 131, 226, 0.08);
  --color-accent-muted: rgba(35, 131, 226, 0.15);

  /* ---------------------------------------------------------------------------
     Status Colors
     --------------------------------------------------------------------------- */
  /* Success — Green */
  --color-success: #0f7b6c;
  --color-success-hover: #0b6b5e;
  --color-success-bg: #edf8f4;
  --color-success-border: #b8e4d8;
  --color-success-text: #0d6b5e;

  /* Warning — Amber */
  --color-warning: #d9730d;
  --color-warning-hover: #c2680c;
  --color-warning-bg: #fef6ee;
  --color-warning-border: #f5d0a9;
  --color-warning-text: #b85c09;

  /* Error — Red */
  --color-error: #eb5757;
  --color-error-hover: #d94444;
  --color-error-bg: #fdf2f2;
  --color-error-border: #f5c0c0;
  --color-error-text: #c53030;

  /* Info — Blue */
  --color-info: #2383e2;
  --color-info-hover: #1b6ec2;
  --color-info-bg: #eef6fd;
  --color-info-border: #b4d5f5;
  --color-info-text: #1a5fa6;

  /* ---------------------------------------------------------------------------
     Overlays
     --------------------------------------------------------------------------- */
  --color-overlay: rgba(0, 0, 0, 0.35);
  --color-overlay-light: rgba(0, 0, 0, 0.12);
  --color-backdrop: rgba(15, 15, 15, 0.4);

  /* ---------------------------------------------------------------------------
     Scrollbar
     --------------------------------------------------------------------------- */
  --color-scrollbar-track: transparent;
  --color-scrollbar-thumb: rgba(55, 53, 47, 0.16);
  --color-scrollbar-thumb-hover: rgba(55, 53, 47, 0.3);

  /* ---------------------------------------------------------------------------
     Shadows — Neumorphic (replaces flat shadows)
     --------------------------------------------------------------------------- */
  --shadow-xs: var(--neu-flat);
  --shadow-sm: var(--neu-raised-sm);
  --shadow-md: var(--neu-raised);
  --shadow-lg: var(--neu-raised-lg);
  --shadow-xl: 10px 10px 24px var(--neu-shadow-dark), -10px -10px 24px var(--neu-shadow-light);
  --shadow-panel: var(--neu-raised-lg);

  /* ---------------------------------------------------------------------------
     Chart / Misc
     --------------------------------------------------------------------------- */
  --color-chart-1: #2383e2;
  --color-chart-2: #0f7b6c;
  --color-chart-3: #d9730d;
  --color-chart-4: #9065b0;
  --color-chart-5: #d44c47;
  --color-chart-6: #337ea9;
  --color-divider: #e6e6e4;
  --color-focus-ring: rgba(35, 131, 226, 0.35);
}