/*
Theme Name: Cephas Pro
Theme URI: https://cephasmanagement.com
Author: Cephas Management Limited
Author URI: https://cephasmanagement.com
Description: Cephas Pro is an ultra-premium, luxury corporate WordPress theme designed for Cephas Management Limited. Inspired by high-end editorial aesthetics (Variety by AxiomThemes), it features an airy layout, generous whitespace, confident typography, and a refined warm off-white, deep charcoal (#1C1C1C), and muted bronze-gold (#B89358) palette. Fully compatible with Elementor and Elementor Pro Theme Builder.
Version: 1.1.2
Tested up to: 6.7
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cephas-pro
Tags: business, corporate, consulting, operations, management, elementor, theme-options, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-width-template, translation-ready

Cephas Pro WordPress Theme, (C) 2026 Cephas Management Limited.
Cephas Pro is distributed under the terms of the GNU GPL.
*/

/* ==========================================================================
   Design System Tokens (Variety Editorial Luxury Standard)
   ========================================================================== */

:root {
  /* Forced Color Palette */
  --cephas-bg-body: #F9F8F6;          /* Warm Off-White / Fine Editorial Canvas */
  --cephas-bg-surface: #FFFFFF;       /* Crisp White Card Surface */
  --cephas-bg-surface-alt: #F2F0EB;   /* Soft Muted Sand / Warm Neutral */
  --cephas-bg-surface-warm: #FAF8F4;  /* Very Subtle Warm Ivory */

  /* Text Colors */
  --cephas-text-main: #1C1C1C;        /* Deep Charcoal */
  --cephas-text-muted: #5E5D5A;       /* Muted Warm Gray */
  --cephas-text-light: #8E8D88;       /* Subtle Metadata */

  /* Primary Brand & Accents */
  --cephas-primary: #141414;          /* Pure Deep Charcoal / Near Black */
  --cephas-primary-hover: #262626;    /* Charcoal Soft Hover */
  --cephas-secondary: #2B2A28;        /* Architectural Charcoal */
  --cephas-accent: #B89358;           /* Muted Warm Gold / Soft Bronze */
  --cephas-accent-hover: #9E7A43;     /* Deepened Warm Bronze */
  --cephas-accent-light: #F7F3EB;     /* Delicate Bronze Tint */
  --cephas-accent-border: #E5DAC6;    /* Soft Bronze Border */

  /* Borders & Dividers */
  --cephas-border-color: #E8E5DF;     /* Architectural Hairline Border */
  --cephas-border-light: #F1EFEA;     /* Ultra-subtle Divider */
  --cephas-border-dark: #333333;      /* Dark Section Divider */

  /* Dark Theme Accents (Footer & Contrast Modules) */
  --cephas-dark-bg: #141414;          /* Deep Velvet Charcoal */
  --cephas-dark-surface: #1E1E1E;     /* Elevated Dark Surface */
  --cephas-dark-border: rgba(255, 255, 255, 0.09);
  --cephas-dark-text: #F5F4F0;
  --cephas-dark-muted: #9E9D99;

  /* Typography (Clean, Large, Confident) */
  --cephas-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cephas-font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --cephas-font-serif: 'Instrument Serif', 'Playfair Display', Georgia, serif;
  --cephas-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Font Sizes */
  --cephas-font-xs: 0.75rem;    /* 12px */
  --cephas-font-sm: 0.875rem;   /* 14px */
  --cephas-font-base: 1rem;     /* 16px */
  --cephas-font-lg: 1.125rem;   /* 18px */
  --cephas-font-xl: 1.25rem;    /* 20px */
  --cephas-font-2xl: 1.625rem;  /* 26px */
  --cephas-font-3xl: 2.125rem;  /* 34px */
  --cephas-font-4xl: 2.75rem;   /* 44px */
  --cephas-font-5xl: 3.75rem;   /* 60px */
  --cephas-font-6xl: 4.75rem;   /* 76px */

  /* Spacing Scale (Generous, Airy Whitespace) */
  --cephas-space-1: 0.25rem;   /* 4px */
  --cephas-space-2: 0.5rem;    /* 8px */
  --cephas-space-3: 0.75rem;   /* 12px */
  --cephas-space-4: 1rem;      /* 16px */
  --cephas-space-5: 1.25rem;   /* 20px */
  --cephas-space-6: 1.5rem;    /* 24px */
  --cephas-space-8: 2rem;      /* 32px */
  --cephas-space-10: 2.5rem;   /* 40px */
  --cephas-space-12: 3rem;     /* 48px */
  --cephas-space-16: 4rem;     /* 64px */
  --cephas-space-20: 5rem;     /* 80px */
  --cephas-space-24: 6rem;     /* 96px */
  --cephas-space-32: 8rem;     /* 128px */

  /* Layout & Containers */
  --cephas-container-max: 1260px;
  --cephas-container-narrow: 860px;
  --cephas-container-wide: 1440px;
  --cephas-container-padding: 2rem;

  /* Shadows (Soft & Sophisticated Only) */
  --cephas-shadow-sm: 0 1px 3px rgba(28, 28, 28, 0.03), 0 1px 2px rgba(28, 28, 28, 0.02);
  --cephas-shadow-md: 0 4px 12px rgba(28, 28, 28, 0.04), 0 2px 4px rgba(28, 28, 28, 0.02);
  --cephas-shadow-lg: 0 12px 28px rgba(28, 28, 28, 0.05), 0 4px 8px rgba(28, 28, 28, 0.02);
  --cephas-shadow-xl: 0 20px 40px rgba(28, 28, 28, 0.06);

  /* Geometry */
  --cephas-radius-sm: 4px;
  --cephas-radius-md: 8px;
  --cephas-radius-lg: 14px;
  --cephas-radius-full: 9999px;

  /* Transitions */
  --cephas-transition-fast: 160ms cubic-bezier(0.16, 1, 0.3, 1);
  --cephas-transition-base: 280ms cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 768px) {
  :root {
    --cephas-container-padding: 1.25rem;
  }
}

@media (max-width: 480px) {
  :root {
    --cephas-container-padding: 1rem;
  }
}