settings:
  theme:
    base: light
  css: |
    /* Kaboot Theme for Authentik */
    
    :root {
      --ak-accent: #2563eb;
      --ak-primary: #2563eb;
      --ak-primary-dark: #1e40af;
      --ak-primary-light: #60a5fa;
      --ak-error: #ef4444;
      --ak-success: #22c55e;
      --pf-global--FontFamily--sans-serif: "Inter", system-ui, -apple-system, sans-serif;
    }

    /* Background color fallback (image set via Brand settings) */
    body {
      background-color: #2563eb !important;
    }

    /* Login Card */
    .pf-c-login__main {
      background-color: #ffffff !important;
      border-radius: 2rem !important;
      box-shadow: 0 10px 0 rgba(0,0,0,0.1) !important;
      padding: 3rem !important;
      max-width: 500px !important;
      margin: 0 auto;
    }

    /* Inputs */
    .pf-c-form-control {
      border: 2px solid #e5e7eb !important;
      border-radius: 1rem !important;
      padding: 0.75rem 1rem !important;
      font-weight: 600 !important;
      color: #333 !important;
      font-size: 1rem !important;
      box-shadow: none !important;
      transition: all 0.2s ease !important;
    }

    .pf-c-form-control:focus {
      border-color: #2563eb !important;
      outline: none !important;
    }

    /* Primary Button - Kaboot Signature 3D Style */
    .pf-c-button.pf-m-primary {
      background-color: #333333 !important;
      color: #ffffff !important;
      border: none !important;
      border-radius: 1rem !important;
      padding: 0.75rem 1.5rem !important;
      font-weight: 800 !important;
      font-size: 1.1rem !important;
      box-shadow: 0 6px 0 #000000 !important;
      transform: translateY(0) !important;
      transition: all 0.1s ease !important;
      text-transform: uppercase !important;
      letter-spacing: 0.05em !important;
    }

    .pf-c-button.pf-m-primary:hover {
      background-color: #1a1a1a !important;
    }

    .pf-c-button.pf-m-primary:active {
      transform: translateY(6px) !important;
      box-shadow: none !important;
    }
    
    /* Secondary/Link Buttons */
    .pf-c-button.pf-m-secondary, .pf-c-button.pf-m-link {
      color: #2563eb !important;
      font-weight: 600 !important;
    }

    /* Titles */
    .pf-c-title {
      font-weight: 900 !important;
      color: #111827 !important;
      text-align: center !important;
      margin-bottom: 1.5rem !important;
    }
    
    /* Logo styling if present in header */
    .pf-c-brand {
      filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
    }

    /* Alert/Notification boxes */
    .pf-c-alert {
      border-radius: 1rem !important;
      border: 2px solid transparent !important;
      box-shadow: 0 4px 0 rgba(0,0,0,0.05) !important;
    }
    
    .pf-c-alert.pf-m-danger {
      background-color: #fef2f2 !important;
      border-color: #fca5a5 !important;
      color: #991b1b !important;
    }
    
    /* Footer links */
    .pf-c-login__main-footer-links-item-link {
        color: #6b7280 !important;
        font-weight: 500 !important;
    }
    
    /* Hide the default background image if any */
    .pf-c-background-image {
      display: none !important;
    }