/* K-Forms design tokens — module-local runtime tokens v1.0.0
 * Runtime token source used only by the K-Forms module.
 * Brand anchors: Kiraly Advocacia Brand Book. Derived steps extend the anchors
 * for accessible states and are not additional official logo colors.
 * All custom properties are namespaced to avoid collisions in host applications.
 */
:root {
  /* Brand colors */
  --kiraly-color-primary-50: #F3F4FB;
  --kiraly-color-primary-100: #E7E8F4;
  --kiraly-color-primary-200: #CFD2E9;
  --kiraly-color-primary-300: #A7AED8;
  --kiraly-color-primary-400: #7883B9;
  --kiraly-color-primary-500: #1D277F;
  --kiraly-color-primary-600: #19226C;
  --kiraly-color-primary-700: #151D5F;
  --kiraly-color-primary-800: #11174A;
  --kiraly-color-primary-900: #0C1239;
  --kiraly-color-primary-950: #070A22;

  --kiraly-color-secondary-50: #F4F4F8;
  --kiraly-color-secondary-100: #E8E8F0;
  --kiraly-color-secondary-200: #D4D5E3;
  --kiraly-color-secondary-300: #B2B4CF;
  --kiraly-color-secondary-400: #878AB3;
  --kiraly-color-secondary-500: #25285B;
  --kiraly-color-secondary-600: #20224E;
  --kiraly-color-secondary-700: #1A1C40;
  --kiraly-color-secondary-800: #141632;
  --kiraly-color-secondary-900: #0F1024;
  --kiraly-color-secondary-950: #080811;

  --kiraly-color-accent-50: #FCF9F3;
  --kiraly-color-accent-100: #F8F2E4;
  --kiraly-color-accent-200: #F2E5C8;
  --kiraly-color-accent-300: #E7CE99;
  --kiraly-color-accent-400: #DAB671;
  --kiraly-color-accent-500: #CFA44A;
  --kiraly-color-accent-600: #B98F3D;
  --kiraly-color-accent-700: #A47C33;
  --kiraly-color-accent-800: #8F6930;
  --kiraly-color-accent-900: #795626;
  --kiraly-color-accent-950: #443014;

  /* Neutral: cool, blue-tinted surfaces and text */
  --kiraly-color-neutral-50: #F7F8FC;
  --kiraly-color-neutral-100: #EFF1F7;
  --kiraly-color-neutral-200: #E0E4ED;
  --kiraly-color-neutral-300: #C9CFDD;
  --kiraly-color-neutral-400: #A6AEC1;
  --kiraly-color-neutral-500: #7C869D;
  --kiraly-color-neutral-600: #626D84;
  --kiraly-color-neutral-700: #4B556A;
  --kiraly-color-neutral-800: #333C51;
  --kiraly-color-neutral-900: #20283B;
  --kiraly-color-neutral-950: #11172A;

  /* Functional colors. The Brand Book's success value has a seven-digit typo;
   * #22C55E is the likely intended six-digit value and remains pending review. */
  --kiraly-color-success-50: #F3FAF5;
  --kiraly-color-success-100: #EAF6EE;
  --kiraly-color-success-200: #D1EBD9;
  --kiraly-color-success-300: #B1DDBD;
  --kiraly-color-success-400: #83CC97;
  --kiraly-color-success-500: #22C55E;
  --kiraly-color-success-600: #1FA451;
  --kiraly-color-success-700: #166534;
  --kiraly-color-success-800: #14532D;
  --kiraly-color-success-900: #0F3D21;
  --kiraly-color-success-950: #082514;

  --kiraly-color-warning-50: #FFF9EA;
  --kiraly-color-warning-100: #FFF2D3;
  --kiraly-color-warning-200: #FFE5A6;
  --kiraly-color-warning-300: #FFD36B;
  --kiraly-color-warning-400: #FBBF24;
  --kiraly-color-warning-500: #F59E06;
  --kiraly-color-warning-600: #C67E05;
  --kiraly-color-warning-700: #975E07;
  --kiraly-color-warning-800: #784908;
  --kiraly-color-warning-900: #5C3708;
  --kiraly-color-warning-950: #301D07;

  --kiraly-color-danger-50: #FFF5F4;
  --kiraly-color-danger-100: #FFE8E6;
  --kiraly-color-danger-200: #FFD0CC;
  --kiraly-color-danger-300: #FFA8A1;
  --kiraly-color-danger-400: #F8756D;
  --kiraly-color-danger-500: #EF4444;
  --kiraly-color-danger-600: #D83434;
  --kiraly-color-danger-700: #B42318;
  --kiraly-color-danger-800: #8F1D17;
  --kiraly-color-danger-900: #671913;
  --kiraly-color-danger-950: #390D0A;

  /* Informational states use the institutional blue ramp */
  --kiraly-color-info-50: #F3F4FB;
  --kiraly-color-info-100: #E7E8F4;
  --kiraly-color-info-200: #CFD2E9;
  --kiraly-color-info-300: #A7AED8;
  --kiraly-color-info-400: #7883B9;
  --kiraly-color-info-500: #1D277F;
  --kiraly-color-info-600: #19226C;
  --kiraly-color-info-700: #151D5F;
  --kiraly-color-info-800: #11174A;
  --kiraly-color-info-900: #0C1239;
  --kiraly-color-info-950: #070A22;

  /* Typography */
  --kiraly-font-family-body: "Montserrat", "Segoe UI", Arial, sans-serif;
  --kiraly-font-family-heading: "Cinzel", Georgia, "Times New Roman", serif;
  --kiraly-font-size-xs: 0.75rem;
  --kiraly-font-size-sm: 0.875rem;
  --kiraly-font-size-base: 1rem;
  --kiraly-font-size-lg: 1.125rem;
  --kiraly-font-size-xl: 1.25rem;
  --kiraly-font-size-2xl: 1.5rem;
  --kiraly-font-size-3xl: 1.875rem;
  --kiraly-font-size-4xl: 2.25rem;
  --kiraly-font-size-5xl: 3rem;
  --kiraly-font-size-6xl: 3.75rem;
  --kiraly-font-weight-normal: 400;
  --kiraly-font-weight-medium: 500;
  --kiraly-font-weight-semibold: 600;
  --kiraly-font-weight-bold: 700;
  --kiraly-line-height-xs: 1.5;
  --kiraly-line-height-sm: 1.5;
  --kiraly-line-height-base: 1.5;
  --kiraly-line-height-lg: 1.5;
  --kiraly-line-height-xl: 1.4;
  --kiraly-line-height-2xl: 1.3;
  --kiraly-line-height-3xl: 1.2;
  --kiraly-line-height-4xl: 1.2;
  --kiraly-line-height-5xl: 1.1;
  --kiraly-line-height-6xl: 1.1;
  --kiraly-letter-spacing-xs: 0;
  --kiraly-letter-spacing-sm: 0;
  --kiraly-letter-spacing-base: 0;
  --kiraly-letter-spacing-lg: 0;
  --kiraly-letter-spacing-xl: -0.01em;
  --kiraly-letter-spacing-2xl: -0.015em;
  --kiraly-letter-spacing-3xl: -0.02em;
  --kiraly-letter-spacing-4xl: -0.025em;
  --kiraly-letter-spacing-5xl: -0.03em;
  --kiraly-letter-spacing-6xl: -0.03em;

  /* Spacing: 4px rhythm */
  --kiraly-spacing-0: 0;
  --kiraly-spacing-1: 0.25rem;
  --kiraly-spacing-2: 0.5rem;
  --kiraly-spacing-3: 0.75rem;
  --kiraly-spacing-4: 1rem;
  --kiraly-spacing-5: 1.25rem;
  --kiraly-spacing-6: 1.5rem;
  --kiraly-spacing-8: 2rem;
  --kiraly-spacing-10: 2.5rem;
  --kiraly-spacing-12: 3rem;
  --kiraly-spacing-16: 4rem;
  --kiraly-spacing-20: 5rem;
  --kiraly-spacing-24: 6rem;
  --kiraly-spacing-32: 8rem;
  --kiraly-spacing-40: 10rem;
  --kiraly-spacing-48: 12rem;
  --kiraly-spacing-56: 14rem;
  --kiraly-spacing-64: 16rem;
  --kiraly-spacing-0_5: 0.125rem;
  --kiraly-spacing-1_5: 0.375rem;
  --kiraly-spacing-2_5: 0.625rem;

  /* Shapes */
  --kiraly-radius-none: 0;
  --kiraly-radius-sm: 0.25rem;
  --kiraly-radius-md: 0.5rem;
  --kiraly-radius-lg: 0.75rem;
  --kiraly-radius-xl: 1rem;
  --kiraly-radius-2xl: 1.5rem;
  --kiraly-radius-3xl: 2rem;
  --kiraly-radius-full: 9999px;

  /* Elevation: borders define resting surfaces; shadows are for overlays */
  --kiraly-shadow-sm: 0 1px 2px rgba(17, 23, 42, 0.08);
  --kiraly-shadow-md: 0 8px 20px rgba(17, 23, 42, 0.12);
  --kiraly-shadow-lg: 0 16px 36px rgba(17, 23, 42, 0.16);
  --kiraly-shadow-xl: 0 24px 48px rgba(17, 23, 42, 0.2);
  --kiraly-shadow-2xl: 0 32px 64px rgba(17, 23, 42, 0.24);

  /* Motion */
  --kiraly-duration-instant: 50ms;
  --kiraly-duration-fast: 120ms;
  --kiraly-duration-base: 200ms;
  --kiraly-duration-slow: 320ms;
  --kiraly-duration-slower: 500ms;
  --kiraly-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --kiraly-ease-emphasized: cubic-bezier(0.3, 0, 0, 1);
  --kiraly-ease-decelerate: cubic-bezier(0, 0, 0, 1);
  --kiraly-ease-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --kiraly-ease-linear: linear;

  /* Semantic aliases: light theme */
  --kiraly-color-bg: var(--kiraly-color-neutral-50);
  --kiraly-color-bg-subtle: var(--kiraly-color-neutral-100);
  --kiraly-color-bg-muted: var(--kiraly-color-neutral-200);
  --kiraly-color-surface: #FFFFFF;
  --kiraly-color-surface-raised: #FFFFFF;
  --kiraly-color-fg: var(--kiraly-color-neutral-950);
  --kiraly-color-fg-muted: var(--kiraly-color-neutral-700);
  --kiraly-color-fg-subtle: var(--kiraly-color-neutral-600);
  --kiraly-color-border: var(--kiraly-color-neutral-200);
  --kiraly-color-border-strong: var(--kiraly-color-neutral-600);
  --kiraly-color-ring: var(--kiraly-color-primary-500);
  --kiraly-color-brand: var(--kiraly-color-primary-500);
  --kiraly-color-brand-hover: var(--kiraly-color-primary-600);
  --kiraly-color-brand-active: var(--kiraly-color-primary-700);
  --kiraly-color-brand-subtle: var(--kiraly-color-primary-50);
  --kiraly-color-brand-fg: #FFFFFF;
  --kiraly-color-accent: var(--kiraly-color-accent-500);
  --kiraly-color-accent-strong: var(--kiraly-color-accent-800);
  --kiraly-color-accent-hover: var(--kiraly-color-accent-600);
  --kiraly-color-accent-subtle: var(--kiraly-color-accent-50);
  --kiraly-color-accent-fg: var(--kiraly-color-neutral-950);
  --kiraly-color-success: var(--kiraly-color-success-700);
  --kiraly-color-success-subtle: var(--kiraly-color-success-50);
  --kiraly-color-success-fg: var(--kiraly-color-success-800);
  --kiraly-color-warning: var(--kiraly-color-warning-700);
  --kiraly-color-warning-subtle: var(--kiraly-color-warning-50);
  --kiraly-color-warning-fg: var(--kiraly-color-warning-900);
  --kiraly-color-danger: var(--kiraly-color-danger-700);
  --kiraly-color-danger-subtle: var(--kiraly-color-danger-50);
  --kiraly-color-danger-fg: var(--kiraly-color-danger-800);
  --kiraly-color-info: var(--kiraly-color-info-700);
  --kiraly-color-info-subtle: var(--kiraly-color-info-50);
  --kiraly-color-info-fg: var(--kiraly-color-info-800);
}

.dark,
[data-theme="dark"] {
  --kiraly-color-bg: var(--kiraly-color-neutral-950);
  --kiraly-color-bg-subtle: var(--kiraly-color-neutral-900);
  --kiraly-color-bg-muted: var(--kiraly-color-neutral-800);
  --kiraly-color-surface: var(--kiraly-color-neutral-900);
  --kiraly-color-surface-raised: var(--kiraly-color-neutral-800);
  --kiraly-color-fg: var(--kiraly-color-neutral-50);
  --kiraly-color-fg-muted: var(--kiraly-color-neutral-300);
  --kiraly-color-fg-subtle: var(--kiraly-color-neutral-400);
  --kiraly-color-border: var(--kiraly-color-neutral-800);
  --kiraly-color-border-strong: var(--kiraly-color-neutral-600);
  --kiraly-color-ring: var(--kiraly-color-accent-300);
  --kiraly-color-brand: var(--kiraly-color-primary-300);
  --kiraly-color-brand-hover: var(--kiraly-color-primary-200);
  --kiraly-color-brand-active: var(--kiraly-color-primary-100);
  --kiraly-color-brand-subtle: var(--kiraly-color-primary-950);
  --kiraly-color-brand-fg: var(--kiraly-color-neutral-950);
  --kiraly-color-accent: var(--kiraly-color-accent-300);
  --kiraly-color-accent-strong: var(--kiraly-color-accent-300);
  --kiraly-color-accent-hover: var(--kiraly-color-accent-200);
  --kiraly-color-accent-subtle: var(--kiraly-color-accent-950);
  --kiraly-color-accent-fg: var(--kiraly-color-neutral-950);
  --kiraly-color-success: var(--kiraly-color-success-400);
  --kiraly-color-success-subtle: var(--kiraly-color-success-950);
  --kiraly-color-success-fg: var(--kiraly-color-success-300);
  --kiraly-color-warning: var(--kiraly-color-warning-400);
  --kiraly-color-warning-subtle: var(--kiraly-color-warning-950);
  --kiraly-color-warning-fg: var(--kiraly-color-warning-200);
  --kiraly-color-danger: var(--kiraly-color-danger-400);
  --kiraly-color-danger-subtle: var(--kiraly-color-danger-950);
  --kiraly-color-danger-fg: var(--kiraly-color-danger-300);
  --kiraly-color-info: var(--kiraly-color-info-300);
  --kiraly-color-info-subtle: var(--kiraly-color-info-950);
  --kiraly-color-info-fg: var(--kiraly-color-info-200);
}