/* =========================================================
   KMS DEFAULT THEME
   Purpose:
   App visual identity can be changed from this file.
   This file maps raw design tokens to app-level theme values.
========================================================= */

:root {
  /* ================= App Identity ================= */
  --theme-brand-name: "KMS Engineering";
  --theme-app-name: "KMS Order Management System";

  /* ================= Main Colors ================= */
  --theme-primary: var(--kms-color-primary);
  --theme-primary-hover: var(--kms-color-primary-hover);
  --theme-primary-soft: var(--kms-color-primary-soft);
  --theme-primary-text: var(--kms-color-primary-text);

  --theme-secondary: var(--kms-color-slate-800);
  --theme-secondary-hover: var(--kms-color-slate-900);
  --theme-secondary-soft: var(--kms-color-slate-100);

  --theme-accent: var(--kms-color-cyan-600);
  --theme-accent-alt: var(--kms-color-teal-700);

  /* ================= Background / Surface ================= */
  --theme-body-bg: var(--kms-bg-body);
  --theme-content-bg: var(--kms-bg-content);
  --theme-surface: var(--kms-bg-card);
  --theme-surface-soft: var(--kms-bg-card-soft);
  --theme-surface-muted: var(--kms-bg-surface);

  /* ================= Text ================= */
  --theme-text-main: var(--kms-text-main);
  --theme-text-muted: var(--kms-text-soft);
  --theme-text-strong: var(--kms-text-strong);
  --theme-text-heading: var(--kms-text-dark);
  --theme-text-inverse: var(--kms-color-white);

  /* ================= Borders ================= */
  --theme-border: var(--kms-border);
  --theme-border-soft: var(--kms-border-soft);
  --theme-border-strong: var(--kms-border-strong);

  /* ================= Feedback Colors ================= */
  --theme-success: var(--kms-color-success);
  --theme-success-soft: var(--kms-color-success-soft);

  --theme-warning: var(--kms-color-warning);
  --theme-warning-soft: var(--kms-color-warning-soft);

  --theme-danger: var(--kms-color-danger);
  --theme-danger-soft: var(--kms-color-danger-soft);

  --theme-info: var(--kms-color-info);
  --theme-info-soft: var(--kms-color-info-soft);

  /* ================= Sidebar Theme ================= */
  --theme-sidebar-bg: var(--kms-color-slate-900);
  --theme-sidebar-bg-dark: var(--kms-color-slate-950);
  --theme-sidebar-text: var(--kms-color-slate-300);
  --theme-sidebar-text-muted: var(--kms-color-slate-400);
  --theme-sidebar-hover-bg: var(--kms-color-slate-800);
  --theme-sidebar-active-bg: var(--kms-color-blue-600);
  --theme-sidebar-active-text: var(--kms-color-white);
  --theme-sidebar-border: rgba(255, 255, 255, 0.06);

  /* ================= Topbar Theme ================= */
  --theme-topbar-bg: linear-gradient(
    90deg,
    var(--kms-color-slate-900) 0%,
    var(--kms-color-slate-950) 48%,
    #0f4c61 100%
  );
  --theme-topbar-text: var(--kms-color-white);
  --theme-topbar-border: rgba(255, 255, 255, 0.06);
  --theme-topbar-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);

  /* ================= Card Theme ================= */
  --theme-card-bg: var(--theme-surface);
  --theme-card-border: var(--theme-border);
  --theme-card-radius: var(--kms-radius-xl);
  --theme-card-shadow: var(--kms-shadow-lg);
  --theme-card-padding: var(--kms-card-padding-comfortable);

  /* ================= Table Theme ================= */
  --theme-table-bg: var(--kms-color-white);
  --theme-table-border: var(--theme-border-soft);
  --theme-table-header-bg: linear-gradient(180deg, #203854 0%, #16283f 100%);
  --theme-table-header-text: var(--kms-color-white);
  --theme-table-row-text: var(--theme-text-main);
  --theme-table-row-alt-bg: #f8fbff;
  --theme-table-row-hover-bg: #eaf4ff;
  --theme-table-density: comfortable;

  /* ================= Form Theme ================= */
  --theme-input-bg: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  --theme-input-border: #c7d4e5;
  --theme-input-text: var(--theme-text-main);
  --theme-input-placeholder: var(--kms-color-slate-400);
  --theme-input-focus-border: #0ea5e9;
  --theme-input-focus-shadow: var(--kms-focus-ring);
  --theme-input-radius: var(--kms-radius-lg);
  --theme-input-height: var(--kms-input-height-md);

  /* ================= Button Theme ================= */
  --theme-button-radius: var(--kms-radius-md);
  --theme-button-height: var(--kms-button-height-md);
  --theme-button-font-size: var(--kms-font-size-13);
  --theme-button-font-weight: var(--kms-font-weight-bold);

  /* ================= Status Badge Theme ================= */
  --theme-status-default-bg: var(--kms-color-slate-100);
  --theme-status-default-text: var(--kms-color-slate-600);

  --theme-status-pending-bg: var(--kms-color-amber-100);
  --theme-status-pending-text: var(--kms-color-amber-700);

  --theme-status-info-bg: var(--kms-color-blue-100);
  --theme-status-info-text: var(--kms-color-blue-800);

  --theme-status-progress-bg: var(--kms-color-purple-100);
  --theme-status-progress-text: var(--kms-color-purple-700);

  --theme-status-success-bg: var(--kms-color-green-100);
  --theme-status-success-text: var(--kms-color-green-800);

  --theme-status-warning-bg: var(--kms-color-orange-100);
  --theme-status-warning-text: var(--kms-color-orange-700);

  --theme-status-danger-bg: var(--kms-color-red-100);
  --theme-status-danger-text: var(--kms-color-red-700);

  /* ================= Layout ================= */
  --theme-header-height: var(--kms-header-height);
  --theme-sidebar-width: var(--kms-sidebar-width);
  --theme-sidebar-width-collapsed: var(--kms-sidebar-width-collapsed);
  --theme-content-padding: var(--kms-content-padding);
  --theme-page-max-width: var(--kms-page-max-width);
}