/*
Theme Name: Hello Child Paradigm
Theme URI: https://royhansajib.com
Description: Lightweight minimal child theme for Hello Elementor, providing single post page design inspired by dental-paradigm.lovable.app.
Author: Royhan Sajib
Author URI: https://royhansajib.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-child-paradigm
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-colors, blog, single-post, hello-elementor-child
*/

/* Core CSS custom properties for Paradigm Single Post Design */
:root {
  --font-sans: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Color Palette inspired by Paradigm */
  --color-background: #ffffff;
  --color-foreground: #0f172a;
  --color-surface: #f8fafc;
  --color-surface-muted: #f1f5f9;
  --color-card: #ffffff;

  --color-brand: #0284c7;
  --color-brand-hover: #0369a1;
  --color-brand-light: #38bdf8;
  --color-brand-soft: #f0f9ff;
  --color-brand-foreground: #0c4a6e;

  --color-navy: #0f172a;
  --color-navy-hover: #1e293b;
  --color-navy-light: #334155;

  --color-muted: #f8fafc;
  --color-muted-foreground: #64748b;
  --color-border: #e2e8f0;
  --color-border-hover: #cbd5e1;

  --color-accent: #e0f2fe;
  --color-accent-foreground: #0369a1;

  /* Spacing & Radii */
  --radius-sm: 0.375rem;
  /* 6px */
  --radius-md: 0.5rem;
  /* 8px */
  --radius-lg: 0.875rem;
  /* 14px */
  --radius-xl: 1.25rem;
  /* 20px */
  --radius-2xl: 1.5rem;
  /* 24px */
  --radius-full: 9999px;

  /* Shadows */
  --shadow-card: 0 1px 3px 0 rgba(15, 23, 42, 0.04), 0 8px 24px -4px rgba(15, 23, 42, 0.06);
  --shadow-elevated: 0 10px 40px -10px rgba(2, 132, 199, 0.25);
}

/* ==========================================================================
   Utility Background & Elementor Helper Classes
   ========================================================================== */

/* Hero Background */
.bg-hero {
    background:
        radial-gradient(1200px 600px at 80% -10%, #CCF2FD, transparent 60%),
        radial-gradient(900px 500px at -10% 10%, #CCF2FD, transparent 55%),
        linear-gradient(180deg, oklch(99% .01 225) 0%, oklch(100% 0 0) 100%);
}

/* Soft Section Background */
.bg-soft { 
    background: linear-gradient(180deg, #F2FCFF 0%, #FFFFFF 100%);
}

/* Brand Gradient */
.bg-brand {
    background:
        radial-gradient(900px 300px at 50% 0%,
          rgba(141, 223, 245, .75) 0%,
          rgba(141, 223, 245, .18) 40%,
          rgba(141, 223, 245, 0) 100%),
        linear-gradient(#fbfeff, #ffffff);
}

/* Light Brand Background */
.bg-brand-soft {
    background: linear-gradient(135deg, #EEF9FD 0%, #FFFFFF 100%);
}

/* Navy Gradient */
.bg-navy {
    background: linear-gradient(135deg, #091F3B 0%, #16345E 100%);
    color: #FFFFFF;
}

/* Card Gradient */
.bg-card {
    background: linear-gradient(180deg, #FFFFFF 0%, #FAFCFD 100%);
    box-shadow: 0 1px 2px oklch(20% .05 250/.04), 0 8px 24px oklch(20% .05 250/.06);
    text-decoration: none !important;
	border-color:#E5EAEC;
}

/* Accent Gradient */
.bg-accent {
    background: linear-gradient(135deg, #EAF7FC 0%, #FFFFFF 100%);
}

.remove-fill .elementor-button-icon svg {
    fill: none !important;
}

.btn-icon .elementor-button-icon svg {
    fill: none !important;
    transform: scale(1.2);
}
.paradigm-article-title {
    font-size: 2rem !important;
}