/**
 * Industrial Theme
 * Minimal, sharp design with ultra-low radius and no shadows
 */

:root {
  --radius: 0.25;
  --spacing-scale: 0.875;

  /* Background colors */
  --bg-default: var(--color-gray-0);
  --bg-subtle: var(--color-gray-100);
  --bg-strong: var(--color-gray-200);

  /* Border colors */
  --border-default: var(--color-gray-200);
  --border-strong: var(--color-gray-300);
  --border-subtle: var(--color-gray-100);

  /* Semantic colors */
  --ring: var(--color-gray-950);
  --card: var(--bg-default);
  --card-border: var(--border-default);
  --card-group: var(--bg-default);
  --card-group-border: var(--border-default);
  --popover: var(--bg-default);
  --action: var(--color-gray-950);
  --action-text: var(--color-gray-0);
  --input: var(--color-alpha-200);

  /* Navigation */
  --navigation: var(--bg-default);
  --navigation-border: var(--border-default);
  --navigation-selected: var(--bg-subtle);
  --navigation-selected-shadow: none;
  --navigation-selected-icon: var(--color-gray-950);

  /* Screen wrapper tokens - themeable */
  --page: var(--bg-default);
  --page-border: transparent;
  --page-radius: 0;
  --spacing-page: 0;
  --page-max-width: 120rem;
}

/* Support both data-color-scheme attribute and .dark class */
.dark,
[data-color-scheme="dark"] {
  /* Text colors - same scale numbers, inverted values */
  --text-strong: var(--color-gray-950);
  --text-default: var(--color-gray-900);
  --text-subtle: var(--color-gray-600);

  /* Background colors - same scale numbers as light mode */
  --bg-default: var(--color-gray-50);
  --bg-subtle: var(--color-gray-100);
  --bg-strong: var(--color-gray-200);

  /* Border colors - same scale numbers as light mode */
  --border-default: var(--color-gray-200);
  --border-strong: var(--color-gray-300);
  --border-subtle: var(--color-gray-100);

  /* Semantic colors */
  --ring: var(--color-gray-0);
  --card: var(--bg-default);
  --card-border: var(--border-default);
  --card-group: var(--bg-default);
  --card-group-border: var(--border-default);
  --input: var(--color-alpha-200);
  --navigation: var(--bg-default);
  --navigation-border: var(--border-default);
  --popover: var(--bg-default);
  --action: var(--color-gray-950);
  --action-text: var(--color-gray-0);

  /* Screen wrapper */
  --page: var(--bg-default);
  --page-border: transparent;
  --page-radius: 0;
  --spacing-page: 0;
  --page-max-width: 120rem;
}

/* System preference fallback for Industrial theme */
@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme]):not(.dark):not(.light) {
    /* Text colors - same scale numbers, inverted values */
    --text-strong: var(--color-gray-950);
    --text-default: var(--color-gray-900);
    --text-subtle: var(--color-gray-600);

    /* Background colors - same scale numbers as light mode */
    --bg-default: var(--color-gray-50);
    --bg-subtle: var(--color-gray-100);
    --bg-strong: var(--color-gray-200);

    /* Border colors - same scale numbers as light mode */
    --border-default: var(--color-gray-200);
    --border-strong: var(--color-gray-300);
    --border-subtle: var(--color-gray-100);

    /* Semantic colors */
    --ring: var(--color-gray-0);
    --card: var(--bg-default);
    --card-border: var(--border-default);
    --card-group: var(--bg-default);
    --card-group-border: var(--border-default);
    --input: var(--color-alpha-200);
    --navigation: var(--bg-default);
    --navigation-border: var(--border-default);
    --popover: var(--bg-default);
    --action: var(--color-gray-950);
    --action-text: var(--color-gray-0);

    /* Screen wrapper */
    --page: var(--bg-default);
    --page-border: transparent;
    --page-radius: 0;
    --spacing-page: 0;
    --page-max-width: 120rem;
  }
}