@import "tailwind.css";
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
.bg-bg-dark {
    background-color: var(--color-bg-dark);
}
@theme {
  --color-primary: #2382d4;
  --color-primary-dark: #1b6ab8;
}
.text-text-body{
  color: var(--color-text-body);
}
.border-border-medium{
  border:1px solid  var(--color-border-medium);

}
.shadow-md{
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.bg-text-dark {
    background-color: var(--color-text-dark);
}
.hover\:bg-primary\/5:hover{
  background-color:color-mix(in oklab, var(--color-primary) 5%, transparent);
}
.shadow-primary-glow {
        --tw-shadow-color: 
 color-mix(in oklab, var(--color-primary-glow) var(--tw-shadow-alpha), transparent);
    }
    .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.to-primary-dark {
    --tw-gradient-to: var(--color-primary-dark);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
}

.from-primary\/5 {
    --tw-gradient-from: #2382d40d
}
html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family);
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
}
.bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
}
footer .wp-block-image{
  width: 150px!important;
  height: auto;
}
footer .wp-block-paragraph{
  color: var(--color-text-muted);
    font-size: 0.9rem;
    line-height: 1.625;
    max-width: 20rem;
}
.leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
}
.text-text-muted {
    color: var(--color-text-muted);
}
.border-border-light {
    border-color: var(--color-border-light);
}
:root{
--font-plus-jakarta:"Plus Jakarta Sans, sans-serif";
  --font-sans: var(--font-plus-jakarta), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-100: #ffe2e2;
        --color-red-400: #ff6568;
        --color-red-500: #fb2c36;
        --color-orange-200: #ffd7a8;
        --color-orange-500: #fe6e00;
        --color-orange-600: #f05100;
        --color-amber-100: #fef3c6;
        --color-yellow-400: #fac800;
        --color-green-400: #05df72;
        --color-green-500: #00c758;
        --color-green-600: #00a544;
        --color-emerald-50: #ecfdf5;
        --color-emerald-100: #d0fae5;
        --color-emerald-200: #a4f4cf;
        --color-emerald-400: #00d294;
        --color-emerald-800: #005f46;
        --color-teal-100: #cbfbf1;
        --color-cyan-400: #00d2ef;
        --color-blue-50: #eff6ff;
        --color-blue-100: #dbeafe;
        --color-blue-200: #bedbff;
        --color-blue-300: #90c5ff;
        --color-blue-600: #155dfc;
        --color-indigo-50: #eef2ff;
        --color-violet-100: #ede9fe;
        --color-slate-50: #f8fafc;
        --color-slate-400: #90a1b9;
        --color-slate-600: #45556c;
        --color-slate-700: #314158;
        --color-slate-900: #0f172b;
        --color-gray-50: #f9fafb;
        --color-gray-100: #f3f4f6;
        --color-gray-200: #e5e7eb;
        --color-gray-300: #d1d5dc;
        --color-gray-400: #99a1af;
        --color-gray-500: #6a7282;
        --color-gray-600: #4a5565;
        --color-gray-700: #364153;
        --color-gray-900: #101828;
        --color-gray-950: #030712;
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-7xl: 80rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1 / .75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tight: -.025em;
        --tracking-wide: .025em;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-relaxed: 1.625;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
        --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-lg: 16px;
        --blur-2xl: 40px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-primary: #2382d4;
        --color-primary-dark: #1b6ab8;
        --color-primary-light: #5ba3e3;
        --color-primary-glow: #2382d44d;
        --color-secondary: #10b981;
        --color-secondary-glow: #10b9814d;
        --color-accent-orange: #f59e0b;
        --color-bg-light: #f8fafc;
        --color-bg-dark: #0f172a;
        --color-text-dark: #0f172a;
        --color-text-body: #475569;
        --color-text-muted: #94a3b8;
        --color-border-light: #0f172a14;
        --color-border-medium: #0f172a1f;
        --font-sora: var(--font-sora), sans-serif;
        --font-dm-sans: var(--font-dm-sans), sans-serif;
        --navy: #0A1628;
    --brand-blue: #1565D8;
    --teal: #00BFA5;
    --blue-light: #2979FF;
    --teal-light: #1DE9B6;
    --sky-blue: #E8F0FE;
    --mint: #E0F7F4;
    --ink: #1A2332;
    --body: #334155;
    --muted: #64748B;
    --surface: #F4F6F9;
    --white: #FFFFFF;
    --tw-gradient-from: var(--color-primary);
--tw-gradient-to: var(--color-primary-dark);
}