:root {
  color-scheme: light;

  --aryoz-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --aryoz-type-11: 11px;
  --aryoz-type-12: 12px;
  --aryoz-type-13: 13px;
  --aryoz-type-14: 14px;
  --aryoz-type-16: 16px;
  --aryoz-type-18: 18px;
  --aryoz-type-20: 20px;
  --aryoz-type-24: 24px;
  --aryoz-type-32: 32px;
  --aryoz-type-40: 40px;
  --aryoz-type-56: 56px;

  --aryoz-weight-regular: 400;
  --aryoz-weight-medium: 500;
  --aryoz-weight-semibold: 600;
  --aryoz-weight-bold: 700;

  --aryoz-line-tight: 1.15;
  --aryoz-line-heading: 1.2;
  --aryoz-line-body: 1.45;
  --aryoz-line-longform: 1.6;

  --aryoz-space-0: 0;
  --aryoz-space-1: 4px;
  --aryoz-space-2: 8px;
  --aryoz-space-3: 12px;
  --aryoz-space-4: 16px;
  --aryoz-space-5: 24px;
  --aryoz-space-6: 32px;
  --aryoz-space-7: 48px;
  --aryoz-space-8: 64px;

  --aryoz-radius-0: 0;
  --aryoz-radius-1: 4px;
  --aryoz-radius-2: 6px;
  --aryoz-radius-3: 8px;
  --aryoz-radius-4: 12px;
  --aryoz-radius-round: 999px;

  --aryoz-border-1: 1px;
  --aryoz-border-2: 2px;

  --aryoz-neutral-0: #ffffff;
  --aryoz-neutral-25: #fcfcfb;
  --aryoz-neutral-50: #f7f7f5;
  --aryoz-neutral-100: #eeeeeb;
  --aryoz-neutral-200: #deded8;
  --aryoz-neutral-300: #c9c9c0;
  --aryoz-neutral-500: #74746c;
  --aryoz-neutral-700: #464840;
  --aryoz-neutral-900: #20231d;
  --aryoz-neutral-950: #11130f;

  --aryoz-surface-page: var(--aryoz-neutral-50);
  --aryoz-surface-base: var(--aryoz-neutral-0);
  --aryoz-surface-subtle: var(--aryoz-neutral-25);
  --aryoz-surface-muted: var(--aryoz-neutral-100);
  --aryoz-border-subtle: var(--aryoz-neutral-100);
  --aryoz-border-default: var(--aryoz-neutral-200);
  --aryoz-border-strong: var(--aryoz-neutral-300);
  --aryoz-text-primary: var(--aryoz-neutral-950);
  --aryoz-text-secondary: var(--aryoz-neutral-700);
  --aryoz-text-muted: var(--aryoz-neutral-500);
  --aryoz-text-inverse: var(--aryoz-neutral-0);

  --aryoz-success: #1d7a46;
  --aryoz-success-bg: #edf8f1;
  --aryoz-success-border: #b9e2c8;
  --aryoz-success-text: #105c32;

  --aryoz-warning: #a96500;
  --aryoz-warning-bg: #fff5e4;
  --aryoz-warning-border: #f2cd8b;
  --aryoz-warning-text: #754300;

  --aryoz-danger: #b42318;
  --aryoz-danger-bg: #fff0ee;
  --aryoz-danger-border: #f2b8b0;
  --aryoz-danger-text: #8a170f;

  --aryoz-info: #2563a9;
  --aryoz-info-bg: #eef6ff;
  --aryoz-info-border: #bfd8f5;
  --aryoz-info-text: #184a82;

  --aryoz-disabled-bg: var(--aryoz-neutral-100);
  --aryoz-disabled-border: var(--aryoz-neutral-200);
  --aryoz-disabled-text: var(--aryoz-neutral-500);

  --aryoz-accent: #11130f;
  --aryoz-accent-hover: #25282c;
  --aryoz-accent-soft: #f2f2ef;
  --aryoz-accent-border: #c9c9c0;
  --aryoz-accent-text: #11130f;

  --aryoz-focus-ring: 0 0 0 3px color-mix(in srgb, var(--aryoz-accent) 22%, transparent);
  --aryoz-shadow-1: 0 1px 2px rgb(17 19 15 / 8%);
  --aryoz-shadow-2: 0 8px 24px rgb(17 19 15 / 12%);
  --aryoz-shadow-3: 0 18px 48px rgb(17 19 15 / 16%);

  --aryoz-motion-fast: 120ms;
  --aryoz-motion-base: 180ms;
  --aryoz-motion-slow: 240ms;
  --aryoz-ease-standard: ease-out;

  --aryoz-z-base: 0;
  --aryoz-z-sticky: 10;
  --aryoz-z-dropdown: 20;
  --aryoz-z-popover: 30;
  --aryoz-z-modal: 40;
  --aryoz-z-toast: 50;
}

[data-product="aryoz"] {
  --aryoz-accent: #11130f;
  --aryoz-accent-hover: #25282c;
  --aryoz-accent-soft: #f2f2ef;
  --aryoz-accent-border: #c9c9c0;
  --aryoz-accent-text: #11130f;
}

[data-product="kapance"] {
  --aryoz-accent: #0f766e;
  --aryoz-accent-hover: #0b5f59;
  --aryoz-accent-soft: #ecf7f5;
  --aryoz-accent-border: #b8ded9;
  --aryoz-accent-text: #0a554f;
}

[data-product="ublut"] {
  --aryoz-accent: #1469b8;
  --aryoz-accent-hover: #0f5594;
  --aryoz-accent-soft: #edf6ff;
  --aryoz-accent-border: #bfd9f2;
  --aryoz-accent-text: #0d4b83;
}

[data-product="soprinfo"] {
  --aryoz-accent: #c9cdd2;
  --aryoz-accent-hover: #aeb4ba;
  --aryoz-accent-soft: #f6f7f8;
  --aryoz-accent-border: #d8dce0;
  --aryoz-accent-text: #3f444a;
}