/* ABOUTME: Main application stylesheet for TuxedoDrive design system
   ABOUTME: Defines DaisyUI theme variables and global overrides */

/* NOTE: This file defines DaisyUI theme colors using CSS custom properties.

   Component styles are in app/assets/stylesheets/components/ but are NOT
   imported here. With Rails 8 + Propshaft + Tailwind CSS v4, @import
   statements don't work because Propshaft doesn't preprocess CSS.

   The proper Rails 8 approach:
   1. Put custom CSS in app/assets/stylesheets/tailwind.css using @layer
   2. Tailwind CSS v4 will process it during build
   3. Propshaft serves the compiled output

   See ADR-XXX for full architecture explanation.

   Component CSS files in app/assets/stylesheets/components/ should be
   migrated to Tailwind utility classes or moved to tailwind.css @layer blocks.
*/

/* TuxedoDrive Light Theme - Nexus colors (matches nexus.daisyui.com) */
[data-theme="tuxedodrive"] {
  color-scheme: light;

  --b1: 100% 0 0;            /* base-100 - pure white #ffffff for cards */
  --b2: 98% 0.004 250;       /* base-200 - soft neutral #f8f9fa */
  --b3: 96% 0.004 250;       /* base-300 - subtle divider #e9ecef */
  --bc: 15% 0.01 250;        /* base-content - dark text #1e2328 */

  --p: 58% 0.25 265;         /* primary - Nexus blue #167bff */
  --pc: 100% 0 0;            /* primary-content - white */

  --s: 64% 0.22 295;         /* secondary - Nexus purple #9c5de8 */
  --sc: 100% 0 0;            /* secondary-content - white */

  --a: 77% 0.152 181.912;    /* accent - Nexus cyan #00d3bb */
  --ac: 95% 0.02 170;        /* accent-content - light cyan */

  --n: 15% 0.01 250;         /* neutral - dark #1e2832 */
  --nc: 98% 0.005 250;       /* neutral-content - light #fafcff */

  --in: 74% 0.16 232.661;    /* info - Nexus blue #14b4ff */
  --inc: 100% 0 0;           /* info-content - white */

  --su: 76% 0.177 163.223;   /* success - Nexus green #0bbf58 */
  --suc: 100% 0 0;           /* success-content - white */

  --wa: 82% 0.189 84.429;    /* warning - Nexus orange #f5a524 */
  --wac: 10% 0.05 45;        /* warning-content - dark brown #150a00 */

  --er: 71% 0.194 13.428;    /* error - Nexus red #f31260 */
  --erc: 100% 0 0;           /* error-content - white */

  --rounded-box: 1.5rem;     /* Extra rounded boxes/modals - pill-shaped */
  --rounded-btn: 0.75rem;    /* More rounded buttons */
  --rounded-badge: 9999px;   /* Fully pill-shaped badges */

  --animation-btn: 0.25s;
  --animation-input: 0.2s;

  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.75rem;
}

/* TuxedoDrive Dark Theme - Nexus colors (matches nexus.daisyui.com) */
[data-theme="tuxedodrive-dark"] {
  color-scheme: dark;

  --b1: 25% 0.016 252;         /* base-100 - dark blue-gray #181c20 */
  --b2: 20% 0.012 254;         /* base-200 - soften transitions */
  --b3: 17% 0.01 255;          /* base-300 - deepest layer */
  --bc: 95% 0.01 250;          /* base-content - light text #f0f4f8 */

  --p: 58% 0.233 277.117;      /* primary - Nexus bright blue #378dff */
  --pc: 100% 0 0;              /* primary-content - white */

  --s: 65% 0.241 354.308;      /* secondary - Nexus purple #b071ff */
  --sc: 100% 0 0;              /* secondary-content - white */

  --a: 77% 0.152 181.912;      /* accent - Nexus cyan #00d3bb */
  --ac: 95% 0.02 170;          /* accent-content - light cyan */

  --n: 90% 0.01 250;           /* neutral - Nexus light gray #dce1e6 */
  --nc: 15% 0.01 250;          /* neutral-content - dark #1e2832 */

  --in: 74% 0.16 232.661;      /* info - Nexus blue #14b4ff */
  --inc: 100% 0 0;             /* info-content - white */

  --su: 76% 0.177 163.223;     /* success - Nexus green #0bbf58 */
  --suc: 100% 0 0;             /* success-content - white */

  --wa: 82% 0.189 84.429;      /* warning - Nexus orange #f5a524 */
  --wac: 10% 0.05 45;          /* warning-content - dark brown #150a00 */

  --er: 71% 0.194 13.428;      /* error - Nexus red #f31260 */
  --erc: 100% 0 0;             /* error-content - white */

  --rounded-box: 1.5rem;       /* Extra rounded boxes/modals - pill-shaped */
  --rounded-btn: 0.75rem;      /* More rounded buttons */
  --rounded-badge: 9999px;     /* Fully pill-shaped badges */

  --animation-btn: 0.25s;
  --animation-input: 0.2s;

  --btn-focus-scale: 0.95;
  --border-btn: 1px;
  --tab-border: 1px;
  --tab-radius: 0.75rem;

  /* Dark mode shadow overrides for better visual hierarchy */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.35);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}